body.q88-casino-hero-art main > section.hero,
body.q88-casino-hero-art section.hero,
body.q88-casino-hero-art .hero {
    background:
        linear-gradient(90deg, rgba(5,7,14,0.96) 0%, rgba(5,7,14,0.84) 42%, rgba(5,7,14,0.40) 100%),
        radial-gradient(circle at 78% 20%, rgba(0,199,204,.20), transparent 20rem),
        url("../images/Casino_SKC_Lobby_Header_Banner_Mobile_Transparent.webp") right clamp(-1rem, 2vw, 2.5rem) top 7.15rem / min(58vw, 690px) auto no-repeat !important;
}

body.q88-sports-hero-art main > section.hero,
body.q88-sports-hero-art section.hero,
body.q88-sports-hero-art .hero {
    background:
        linear-gradient(90deg, rgba(5,7,14,0.96) 0%, rgba(5,7,14,0.84) 42%, rgba(5,7,14,0.40) 100%),
        radial-gradient(circle at 78% 20%, rgba(0,199,204,.20), transparent 20rem),
        url("../images/Sports_SKC_Lobby_Header_Banner_Mobile_Transparent.webp") right clamp(-1rem, 2vw, 2.5rem) top 7.15rem / min(58vw, 690px) auto no-repeat !important;
}

body.q88-sports-hero-art .hero__sports-art {
    display: none !important;
}

.q88-pay-action-row {
    display: inline-flex;
    align-items: center !important;
    gap: .85rem;
    flex-wrap: wrap;
    margin-top: 1.4rem;
}

body.q88-pay-n-play-lp .hero__offer .q88-pay-action-row > .btn,
.q88-pay-action-row > .btn {
    margin-top: 0 !important;
    align-self: stretch !important;
}

body.q88-pay-n-play-lp .hero__offer .q88-pay-action-row .btn--lg,
.q88-pay-action-row .btn--lg {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 15.5rem !important;
    height: 4rem !important;
    min-height: 4rem !important;
    max-width: min(100%, 24rem) !important;
    padding-top: .8rem !important;
    padding-bottom: .8rem !important;
    box-sizing: border-box !important;
    white-space: normal !important;
}

.q88-pay-n-play-badge {
    display: none;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    width: fit-content;
    height: 4rem;
    min-height: 4rem;
    max-width: min(100%, 18rem);
    margin: 0;
    padding: .55rem 1rem;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: .85rem;
    background: rgba(255,255,255,.92);
    color: #111827;
    box-shadow: 0 14px 34px rgba(0,0,0,.2);
    align-self: center;
    box-sizing: border-box;
}

html[lang="fi"] body.q88-pay-n-play-lp .q88-pay-n-play-badge {
    display: inline-flex;
}

.q88-pay-n-play-badge img {
    display: block;
    width: 7.65rem;
    height: auto;
    flex: 0 0 auto;
}

.q88-pay-n-play-badge__text {
    font-family: "Libre Franklin", "Nunito", sans-serif;
    font-size: .86rem;
    font-weight: 900;
    line-height: 1.12;
    letter-spacing: .01em;
}

@media (max-width: 768px) {
    body.q88-casino-hero-art main > section.hero,
    body.q88-casino-hero-art section.hero,
    body.q88-casino-hero-art .hero {
        background:
            linear-gradient(90deg, rgba(5,7,14,0.96) 0%, rgba(5,7,14,0.84) 50%, rgba(5,7,14,0.48) 100%),
            linear-gradient(180deg, rgba(5,7,14,0.48), rgba(5,7,14,0.86)),
            url("../images/Casino_SKC_Lobby_Header_Banner_Mobile_Transparent.webp") right -3.2rem top 6.55rem / min(104vw, 490px) auto no-repeat !important;
    }

    body.q88-sports-hero-art main > section.hero,
    body.q88-sports-hero-art section.hero,
    body.q88-sports-hero-art .hero {
        background:
            linear-gradient(90deg, rgba(5,7,14,0.96) 0%, rgba(5,7,14,0.84) 50%, rgba(5,7,14,0.48) 100%),
            linear-gradient(180deg, rgba(5,7,14,0.48), rgba(5,7,14,0.86)),
            url("../images/Sports_SKC_Lobby_Header_Banner_Mobile_Transparent.webp") right -3.2rem top 6.55rem / min(104vw, 490px) auto no-repeat !important;
    }

    .q88-pay-action-row {
        display: flex;
        align-items: center !important;
        gap: .65rem;
        width: min(100%, 21rem);
    }

    .q88-pay-action-row .btn--lg {
        height: 3.45rem !important;
        min-height: 3.45rem !important;
    }

    .q88-pay-n-play-badge {
        gap: .55rem;
        height: 3.45rem;
        min-height: 3.45rem;
        padding: .58rem .74rem;
    }

    .q88-pay-n-play-badge img {
        width: 6.8rem;
    }

    .q88-pay-n-play-badge__text {
        font-size: .74rem;
    }
}