/* ==========================================================
   Component : CTA
   Version : 1.0.0
========================================================== */

.af-cta{

    display:flex;

    align-items:center;

    gap:22px;

    margin:40px 0;

    padding:28px;

    background:linear-gradient(135deg,#eff6ff,#ffffff);

    border:1px solid #bfdbfe;

    border-radius:var(--af-radius);

    box-shadow:var(--af-shadow);

    transition:var(--af-transition);

}

.af-cta:hover{

    transform:translateY(-4px);

    box-shadow:0 18px 40px rgba(15,23,42,.08);

}

.af-cta-icon{

    width:72px;

    height:72px;

    flex-shrink:0;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:var(--af-primary);

    color:#fff;

    font-size:34px;

}

.af-cta-content{

    flex:1;

}

.af-cta-title{

    margin:0 0 10px;

    font-size:24px;

    color:var(--af-heading);

}

.af-cta-text{

    margin:0;

    font-size:17px;

    line-height:2;

    color:var(--af-text);

}

.af-cta-text a{

    color:var(--af-primary);

    font-weight:700;

    text-decoration:none;

}

.af-cta-text a:hover{

    text-decoration:underline;

}

@media(max-width:768px){

    .af-cta{

        flex-direction:column;

        text-align:center;

        padding:24px;

    }

    .af-cta-icon{

        width:64px;

        height:64px;

        font-size:28px;

    }

}