.countdown{z-index:999;perspective:1000px;justify-content:space-around;gap:20px;width:100%;max-width:438px;margin:0 auto;display:flex}.countdown__item{text-align:center;flex-direction:column;place-content:center;gap:32px;padding:15px 25px;transition:all .3s ease-in-out;display:flex}.countdown__item:first-child{background:var(--secondary-color-dark-2);border:1px solid var(--secondary-color)}@media screen and (max-width:768px){.countdown__item:last-child{width:fit-content}}.countdown__item:hover{background:var(--tertiary-color);border:1px solid var(--secondary-color-dark-2)}.countdown__item.active{color:var(--secondary-color);border:1px solid var(--secondary-color)}.countdown__value{font-weight:700;font-size:var(--size-32px);transform-style:preserve-3d;width:100%;height:100%;transition:transform .8s;position:relative}.countdown__value.flip{transform:rotateX(-180deg)}.countdown__card{backface-visibility:hidden;color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;font-size:48px;display:flex;position:absolute;top:0;left:0}.countdown__card--front{z-index:2;transform:rotateX(0)}.countdown__card--back{transform:rotateX(180deg)}.countdown__label{font-size:12px}.countdown__text{width:100%;color:var(--light-gray-text);justify-content:center;align-items:center;margin:0 auto;font-size:1rem;display:flex}@media screen and (max-width:768px){.countdown .countdown__item{gap:30px;padding:12px 20px;font-size:16px}.countdown .countdown__value{font-size:20px}}@keyframes flip{0%{transform:rotateX(0)}to{transform:rotateX(-180deg)}}