.agro-timer-wrapper {
display: inline-flex;
align-items: flex-end;
justify-content: center;
font-family: "Figtree", Sans-serif;
box-sizing: border-box;
max-width: 100%;
}
.agro-timer-wrapper *,
.agro-timer-wrapper *::before,
.agro-timer-wrapper *::after {
box-sizing: inherit;
}
.agro-timer-col {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
} .agro-timer-label {
font-size: clamp(0.688rem, 1.818vw - 0.449rem, 1.188rem);
font-weight: 700;
color: var(--agro-label-color, #ffffff);
line-height: 1.2;
margin-bottom: 6px;
letter-spacing: 0.02em;
} .agro-timer-val { font-size: clamp(2.125rem, 4.773vw - 0.858rem, 3.438rem);
font-weight: 900;
color: var(--agro-number-color, #000000);
line-height: 0.95;
font-variant-numeric: tabular-nums;
display: inline-block;
text-align: center;
letter-spacing: -2px;
} .agro-timer-sep { font-size: clamp(2.125rem, 4.773vw - 0.858rem, 3.438rem);
font-weight: 700;
color: var(--agro-number-color, #000000);
line-height: 0.95;
align-self: flex-end;
user-select: none;
} .agro-timer-expired {
font-size: clamp(18px, 3vw, 32px);
font-weight: 700;
color: var(--agro-number-color, #000000);
text-align: center;
padding: 15px 0;
} .agro-timer-container {
display: flex;
justify-content: center;
width: 100%;
}
@media (max-width: 767px) {
.agro-timer-label {
color: #1ea1a4;
font-size: 8px;
}
.agro-timer-val,
.agro-timer-sep {
font-size: 25px;
}
}
@media (max-width: 480px) {
.agro-timer-sep {
padding: 0 1px;
}
.agro-timer-label {
margin-bottom: 3px;
}
}