.contest-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.contest-container .contest-image {
width: 30%;
position: relative;
margin-bottom: 20px;
}
@media (max-width: 998px) {
.contest-container .contest-image {
width: 95%;
height: 100%;
}
}
.contest-container .contest-image video,
.contest-container .contest-image img {
width: 100%;
height: 100%;
max-height: 500px;
object-fit: cover;
}
.contest-container .contest-image .votes-counter {
position: absolute;
}
.contest-container .contest-image .votes-counter {
top: 0;
right: 0;
padding: 8px 10px;
background-color: var(--alt-color);
color: white;
display: flex;
gap: 5px;
}
.contest-container .contest-image .votes-counter .votes-count {
color: #fff;
}
.contest-container .contest-image_desc {
display: flex;
justify-content: center;
}
.contest-container .contest-image_caption {
display: none;
}
.contest-container .contest-image .contest-vote-button {
background-color: var(--highlight-color);
color: #fff;
padding: 13px 22px;
border: 0;
border-radius: 8px;
display: inline-flex;
font-family: var(--font-base);
font-size: 16px;
align-items: center;
justify-content: center;
text-transform: uppercase;
margin: 5px 10px;
}
.contest-vote-button.disabled {
opacity: .6;
cursor: not-allowed;
}
.contest-vote-button.loading::before {
width: 20px;
height: 20px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3CradialGradient id='a12' cx='.66' fx='.66' cy='.3125' fy='.3125' gradientTransform='scale(1.5)'%3E%3Cstop offset='0' stop-color='%23FFFFFF'%3E%3C/stop%3E%3Cstop offset='.3' stop-color='%23FFFFFF' stop-opacity='.9'%3E%3C/stop%3E%3Cstop offset='.6' stop-color='%23FFFFFF' stop-opacity='.6'%3E%3C/stop%3E%3Cstop offset='.8' stop-color='%23FFFFFF' stop-opacity='.3'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23FFFFFF' stop-opacity='0'%3E%3C/stop%3E%3C/radialGradient%3E%3Ccircle transform-origin='center' fill='none' stroke='url(//ceglanyrenesans.pl/wp-content/plugins/image-contest/src/assets/%23a12)' stroke-width='15' stroke-linecap='round' stroke-dasharray='200 1000' stroke-dashoffset='0' cx='100' cy='100' r='70'%3E%3CanimateTransform type='rotate' attributeName='transform' calcMode='spline' dur='2' values='360;0' keyTimes='0;1' keySplines='0 0 1 1' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle transform-origin='center' fill='none' opacity='.2' stroke='%23FFFFFF' stroke-width='15' stroke-linecap='round' cx='100' cy='100' r='70'%3E%3C/circle%3E%3C/svg%3E") center center no-repeat;
content: '';
margin-right: 5px;
background-size: cover;
}
.votes-count.loading::before {
width: 20px;
height: 20px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3CradialGradient id='a12' cx='.66' fx='.66' cy='.3125' fy='.3125' gradientTransform='scale(1.5)'%3E%3Cstop offset='0' stop-color='%23FFFFFF'%3E%3C/stop%3E%3Cstop offset='.3' stop-color='%23FFFFFF' stop-opacity='.9'%3E%3C/stop%3E%3Cstop offset='.6' stop-color='%23FFFFFF' stop-opacity='.6'%3E%3C/stop%3E%3Cstop offset='.8' stop-color='%23FFFFFF' stop-opacity='.3'%3E%3C/stop%3E%3Cstop offset='1' stop-color='%23FFFFFF' stop-opacity='0'%3E%3C/stop%3E%3C/radialGradient%3E%3Ccircle transform-origin='center' fill='none' stroke='url(//ceglanyrenesans.pl/wp-content/plugins/image-contest/src/assets/%23a12)' stroke-width='15' stroke-linecap='round' stroke-dasharray='200 1000' stroke-dashoffset='0' cx='100' cy='100' r='70'%3E%3CanimateTransform type='rotate' attributeName='transform' calcMode='spline' dur='2' values='360;0' keyTimes='0;1' keySplines='0 0 1 1' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/circle%3E%3Ccircle transform-origin='center' fill='none' opacity='.2' stroke='%23FFFFFF' stroke-width='15' stroke-linecap='round' cx='100' cy='100' r='70'%3E%3C/circle%3E%3C/svg%3E") center center no-repeat;
content: '';
background-size: cover;
display: block;
margin: 3px 0;
}