.cc-cta{
    width:100%;
    background:transparent;
    padding:16px 0 0;
    box-sizing:border-box;
}
.cc-cta__inner{
    position:relative;
    width:100%;
    margin:0;
    aspect-ratio:1983 / 458;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    border-radius:24px;
    overflow:hidden;
    background-color:#ec4899;
}
.cc-cta__btn{
    position:absolute;
    transform:translate(-50%,-50%);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);
    color:#fff;
    padding:16px 36px;
    border-radius:999px;
    font-size:15px;
    font-weight:800;
    text-decoration:none;
    box-shadow:0 6px 16px rgba(251,191,36,.5),inset 0 -3px 0 rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.3);
    transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;
    text-shadow:0 1px 2px rgba(0,0,0,.2);
    letter-spacing:.04em;
    white-space:nowrap;
    z-index:2;
}
.cc-cta__btn:hover{
    transform:translate(-50%,-50%) scale(1.05);
    box-shadow:0 10px 22px rgba(251,191,36,.6),inset 0 -3px 0 rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.3);
    color:#fff;
}
.cc-cta__btn:active{
    transform:translate(-50%,-50%) scale(1.02);
}
.cc-cta__btnArrow{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    background:#fff;
    color:#f59e0b;
    border-radius:50%;
    font-size:14px;
    font-weight:900;
    line-height:1;
    margin-left:4px;
}

@media(max-width:900px){
    .cc-cta{padding:20px 16px 0}
    .cc-cta__inner{aspect-ratio:1480 / 280}
    .cc-cta__btn{font-size:13px;padding:13px 24px}
    .cc-cta__btnArrow{width:18px;height:18px;font-size:12px}
}
@media(max-width:680px){
    .cc-cta__inner{aspect-ratio:1480 / 380}
    .cc-cta__btn{font-size:12px;padding:11px 20px}
}