.cf-premium-offer,.cf-premium-offer *{box-sizing:border-box}
.cf-premium-offer{
align-items:center;
background:
radial-gradient(circle at top right,rgba(220,181,92,.20),transparent 38%),
linear-gradient(135deg,#153b30,#0b2921);
border:1px solid rgba(255,255,255,.13);
border-radius:22px;
box-shadow:0 18px 44px rgba(15,40,32,.24);
color:#fff;
display:grid;
font-family:Arial,sans-serif;
gap:25px;
grid-template-columns:minmax(0,1fr) 165px;
margin:36px auto;
max-width:800px;
overflow:hidden;
padding:26px;
}
.cf-premium-offer__label{
color:#f4ce76;
font-size:.74rem;
font-weight:800;
letter-spacing:.12em;
margin:0 0 8px;
text-transform:uppercase;
}
.cf-premium-offer h2{
color:#fff;
font-family:Georgia,"Times New Roman",serif;
font-size:clamp(1.65rem,4vw,2.3rem);
line-height:1.1;
margin:0;
}
.cf-premium-offer__copy{
color:#e7eee9;
font-size:.96rem;
line-height:1.55;
margin:12px 0 17px;
}
.cf-premium-offer__button{
background:#f4ce76;
border-radius:999px;
box-shadow:0 10px 24px rgba(0,0,0,.24);
color:#17352c!important;
display:inline-flex;
font-size:.94rem;
font-weight:900;
padding:14px 22px;
text-decoration:none;
transition:180ms ease;
}
.cf-premium-offer__button:hover{
background:#ffe19a;
transform:translateY(-2px);
}
.cf-premium-offer__note{
color:#c9d7d0;
font-size:.75rem;
margin:10px 0 0;
}
.cf-premium-offer__image{
aspect-ratio:4/5;
border:5px solid rgba(255,255,255,.92);
border-radius:15px;
box-shadow:0 13px 28px rgba(0,0,0,.35);
display:block;
object-fit:cover;
transform:rotate(2deg);
transition:transform 180ms ease;
width:100%;
}
.cf-premium-offer__image:hover{
transform:rotate(0) scale(1.025);
}
@media(max-width:620px){
.cf-premium-offer{
gap:18px;
grid-template-columns:minmax(0,1fr) 105px;
padding:20px 16px;
}
.cf-premium-offer__button{
justify-content:center;
width:100%;
}
}
