body.cdg-dancefloor-battle .cdg-jeux-hero .cdb-game-logo-main {
margin-bottom: 0.35rem;
}
body.cdg-dancefloor-battle .cdg-jeux-hero .cdb-game-logo-main .cdb-game-logo__img,
body.cdg-dancefloor-battle .cdg-jeux-hero .cdb-game-logo__img {
width: auto !important;
max-width: min(280px, 70vw) !important;
max-height: 80px !important;
}
.cdg-dfb-hero-daily {
position: relative;
z-index: 4;
box-sizing: border-box;
width: 100%;
max-width: 22rem;
margin: 0.2rem auto 0.55rem;
padding: 0.65rem 0.85rem 0.75rem;
border: 1px solid rgba(253, 224, 71, 0.28);
border-radius: 16px;
background: rgba(12, 16, 36, 0.42);
text-align: center;
color: #e2e8f0;
}
.cdg-dfb-hero-daily__title {
margin: 0;
font-size: 0.92rem;
font-weight: 800;
letter-spacing: 0.01em;
color: #fff;
}
.cdg-dfb-hero-daily__fire {
margin-right: 0.2rem;
}
.cdg-dfb-hero-daily__lead {
margin: 0.2rem 0 0.55rem;
font-size: 0.84rem;
line-height: 1.35;
color: #cbd5e1;
}
.cdg-dfb-hero-daily__cta,
body.cdg-jeux-page .cdg-dfb-hero-daily__cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
width: 100%;
max-width: 100%;
padding: 0.45rem 0.9rem;
border: 1.5px solid rgba(253, 224, 71, 0.55);
border-radius: 999px;
background: transparent;
color: #fde68a !important;
font-weight: 700;
box-shadow: none;
}
body.cdg-jeux-page .cdg-dfb-hero-daily__cta:hover,
body.cdg-jeux-page .cdg-dfb-hero-daily__cta:focus-visible {
background: rgba(253, 224, 71, 0.12);
outline: 2px solid #fde68a;
outline-offset: 2px;
} body.cdg-jeux-page .cdg-dfb-hero-launch {
min-height: 48px;
font-weight: 800;
}
@media (max-width: 360px) {
body.cdg-dancefloor-battle .cdg-jeux-hero .cdb-game-logo-main .cdb-game-logo__img,
body.cdg-dancefloor-battle .cdg-jeux-hero .cdb-game-logo__img {
max-height: 32px !important;
max-width: min(180px, 62vw) !important;
}
body.cdg-dancefloor-battle .cdg-jeux-hero__tagline {
font-size: 0.82rem;
line-height: 1.25;
margin: 0 0.35rem 0.15rem;
}
.cdg-dfb-hero-daily {
margin: 0.05rem auto 0.2rem;
padding: 0.35rem 0.5rem 0.4rem;
}
.cdg-dfb-hero-daily__title {
font-size: 0.84rem;
}
.cdg-dfb-hero-daily__lead {
margin: 0.08rem 0 0.3rem;
font-size: 0.74rem;
line-height: 1.25;
}
.cdg-dfb-hero-daily__cta,
body.cdg-jeux-page .cdg-dfb-hero-daily__cta {
min-height: 44px;
padding: 0.3rem 0.7rem;
}
}
body.cdg-playing--active .cdg-dfb-hero-daily,
body.cdg-dfb-intro-open .cdg-dfb-hero-daily,
body.cdg-guest-gate-open .cdg-dfb-hero-daily {
visibility: hidden;
pointer-events: none;
}