@keyframes flip-top{to{transform:rotateX(90deg)}}@keyframes flip-bottom{to{transform:rotateX(0deg)}}.countdown{display:flex;flex-direction:column;justify-content:center;align-items:center}.countdown .cards{display:flex;gap:15px;position:relative}.countdown .cards .card{text-align:center;font-size:25px}.countdown .cards .card p{color:#eab308;font-size:11px;letter-spacing:3px;text-transform:uppercase;font-weight:900}.countdown .cards .card .flip-card{display:flex;flex-direction:column;box-shadow:0 7px 3px 0 #151515;position:relative;margin:15px auto}.countdown .cards .card .bottom-flip,.countdown .cards .card .bottom-half,.countdown .cards .card .top-flip,.countdown .cards .card .top-half{color:#fff;font-size:35px;height:43px;width:150px;padding:23px 7px;overflow:hidden;text-align:center;will-change:transform!important;box-shadow:inset 0 3px rgba(71,83,115,.2)}.countdown .cards .card .top-flip,.countdown .cards .card .top-half{color:#fff;border-radius:5px 5px 0 0;background-color:#2c2c44}.countdown .cards .card .top-flip:before,.countdown .cards .card .top-half:before{content:"";background-color:#191a24;height:10px;width:10px;border-radius:100%;position:absolute;bottom:-5px;left:-5px}.countdown .cards .card .top-flip:after,.countdown .cards .card .top-half:after{content:"";background-color:#191a24;height:10px;width:10px;border-radius:100%;position:absolute;bottom:-5px;right:-5px}.countdown .cards .card .bottom-flip,.countdown .cards .card .bottom-half{display:flex;justify-content:center;align-items:flex-end;border-radius:0 0 5px 5px;background-color:#343650;box-shadow:inset 0 -2px 5px 0 rgba(71,83,115,.7)}.countdown .cards .card .bottom-flip:before,.countdown .cards .card .bottom-half:before{content:"";background-color:#191a24;height:10px;width:10px;border-radius:100%;position:absolute;top:-5px;left:-5px}.countdown .cards .card .bottom-flip:after,.countdown .cards .card .bottom-half:after{content:"";background-color:#191a24;height:10px;width:10px;border-radius:100%;position:absolute;top:-5px;right:-5px}.countdown .cards .card .top-flip{position:absolute;top:15px;transform-origin:bottom;transform:rotateX(0deg);animation:flip-top .5s ease-in forwards}.countdown .cards .card .bottom-flip{position:absolute;bottom:32px;transform-origin:top;transform:rotateX(90deg);animation:flip-bottom .5s ease-out .5s}@media screen and (min-width:700px){.countdown h1{font-size:31px}.countdown .cards{gap:25px}.countdown .cards .bottom-flip,.countdown .cards .bottom-half,.countdown .cards .top-flip,.countdown .cards .top-half{font-size:70px!important;height:87px!important;width:150px!important;padding:34px 7px!important}}@media screen and (max-width:968px){.countdown .cards{flex-wrap:wrap;justify-content:center}.countdown .cards .card .flip-card{position:relative}.countdown .cards .card .flip-card .bottom-half,.countdown .cards .card .flip-card .top-half{height:49px}.countdown .cards .card .top-flip{height:49px;top:175px}.countdown .cards .card .bottom-flip{height:49px;bottom:31px}}