.count-timer{position:relative;border-radius:20px;overflow:hidden;padding:50px 70px;display:grid;grid-template-columns:1fr 1fr .5fr;align-items:center;justify-content:space-between;gap:30px;background-color:var(--color-secondary-background)}.count-timer>*:not(.image){position:relative;z-index:2}.count-timer .left p{font-size:16px;line-height:1.5;margin-top:8px}.count-timer .timer-box{display:flex;gap:10px}.count-timer .time{background:var(--color-secondary-button-background);color:var(--color-secondary-button-text);padding:16px;border-radius:12px;min-width:85px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 18px #0000001f;animation:floatSoft 3s ease-in-out infinite}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.count-timer .time span{display:inline-block;will-change:transform;font-family:var(--font-heading-family)}.count-timer .time small{font-size:12px;letter-spacing:1px;margin-top:4px;font-family:var(--font-body-family)}@keyframes numberPop{0%{transform:translateY(6px) scale(.95);opacity:.4}50%{transform:translateY(-4px) scale(1.1);opacity:.8}to{transform:translateY(0) scale(1);opacity:1}}.count-timer .cta{margin-left:auto}.count-timer .cta a{background:var(--color-secondary-button-background);color:var(--color-secondary-button-text);border:1px solid var(--color-secondary-button-border);padding:14px 30px;border-radius:8px;text-decoration:none;transition:all .3s ease}.count-timer .cta a:hover{transform:translateY(-2px)}.count-timer .image{position:absolute;right:20rem;bottom:0;z-index:1}.count-timer .cta a:hover{background:var(--color-secondary-button-hover-background);color:var(--color-secondary-button-hover-text);border:1px solid var(--color-secondary-button-hover-border)}@media(max-width:1300px){.count-timer{display:flex;flex-direction:column;align-items:flex-start}.count-timer .cta{margin-right:auto;margin-left:0}.count-timer .image{right:5rem}}@media(max-width:1100px){.count-timer .image{right:5rem}}@media(max-width:850px){.count-timer .image{display:none}.count-timer{align-items:center}.count-timer .cta{margin-right:auto;margin-left:auto}.count-timer .time{min-width:75px;height:90px}}@media(max-width:768px){.count-timer{flex-direction:column;text-align:center;padding:30px 20px}.count-timer .timer-box{justify-content:center;flex-wrap:wrap}.count-timer .image{display:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/countdown-timer.css.map */