.promo-card-wrapper {background:linear-gradient(180deg,#222222 0,#111111 100%); padding:7vw 6.5vw 9vw 6.5vw; border-radius:10vw 10vw 0 0; width:100%; user-select:none; position:fixed; bottom:0; transform:translateY(100%); opacity:0; transition:.3s; z-index:99}
 .promo-card-wrapper.is-visible {transform:translateY(0); opacity:1}
 .promo-card-top {display:flex; justify-content:space-between; align-items:center; margin-bottom:6vw; padding:0 5px}
 .promo-card-heading {color:#ffffff; font-size:4vw; font-weight:700; letter-spacing:1.5px; text-transform:uppercase}
 .promo-card-timer-group {display:flex; align-items:center; gap:1vw}
 .promo-card-digit {background:linear-gradient(180deg,#4d4d4d 0,#2a2a2a 100%); color:#ffffff; width:8vw; height:8vw; display:flex; justify-content:center; align-items:center; border-radius:2vw; font-size:4vw; font-weight:800; box-shadow:inset 0 1px 2px rgba(255,255,255,0.1)}
 .promo-card-colon {color:#555; font-weight:800; font-size:4vw; padding-bottom:2px}
@media(min-width:640px) {.promo-card-wrapper {box-shadow:0 -6px 38px 0 rgba(0,0,0,0.2); background:rgba(0,0,0,0.55); padding:2vw; width:20vw; border-radius:2vw; right:7%; bottom:7%}
 .promo-card-wrapper .hero__btn {width:100%; height:4vw; padding:0; font-size:1vw; border-radius:1vw}
 .promo-card-wrapper.is-visible {transform:translateY(0); opacity:1}
 .promo-card-top {margin-bottom:1vw; padding:0 0.3vw}
 .promo-card-heading {font-size:1vw; letter-spacing:0; font-weight:700; padding-right:2vw}
 .promo-card-digit {background:linear-gradient(180deg,#4d4d4d 0,#2a2a2a 100%); color:#ffffff; width:2.4vw; height:2.4vw; display:flex; justify-content:center; align-items:center; border-radius:0.5vw; font-size:1.2vw; font-weight:800; box-shadow:inset 0 1px 2px rgba(255,255,255,0.1)}
 .promo-card-colon {font-size:2vw}
 .promo-card-timer-group {gap:0.3vw}
}
.hero__btn {
        width: 90vw;
    background-image: url(../images/button.webp);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: none;
    padding: 2vw 5vw;
    border-radius: 3vw;
    color: #fff;
    font-size: 5vw;
    font-weight: 900;
    text-transform: uppercase;
    box-shadow: 0 1vw 4vw rgba(255, 77, 21, 0.4);
    box-shadow: 0 3px 38px 0 rgba(255, 83, 1, 0.69);
    text-align: center;
    background: linear-gradient(185deg, #ff4000 0%, #f70 100%);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}