/* ==========================================================
   FOOTER CTA
========================================================== */

.footer-cta {

    background: linear-gradient(
        135deg,
        var(--fisel-teal-dark) 0%,
        var(--fisel-teal) 100%
    );

    color: #fff;

    padding: 90px 0;

    overflow: hidden;

}

.footer-cta .container{

    width:min(1200px,92%);

    margin:auto;

}


/* ==========================================================
   CONTENU
========================================================== */

.footer-cta-content{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:50px;

}


/* ==========================================================
   ICONE
========================================================== */

.footer-cta-icon{

    width:110px;

    height:110px;

    min-width:110px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    display:flex;

    align-items:center;

    justify-content:center;

    color:var(--fisel-yellow);

}

.footer-cta-icon svg{

    width:60px;

    height:60px;

}


/* ==========================================================
   TEXTE
========================================================== */

.footer-cta-text{

    flex:1;

}

.footer-cta-text h2{

    color:#fff;

    font-size:clamp(2rem,4vw,3rem);

    margin-bottom:15px;

}

.footer-cta-text p{

    font-size:1.1rem;

    line-height:1.8;

    opacity:.92;

    max-width:700px;

}


/* ==========================================================
   BOUTON
========================================================== */

.footer-cta-button{

    display:flex;

    justify-content:flex-end;

}

.cta-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 34px;

    border-radius:999px;

    background:var(--fisel-orange);

    color:#fff;

    text-decoration:none;

    font-weight:700;

    transition:.35s ease;

    white-space:nowrap;

}

.cta-button:hover{

    background:var(--fisel-yellow);

    color:var(--fisel-teal-dark);

    transform:translateY(-4px);

}


/* ==========================================================
   TABLETTE
========================================================== */

@media (max-width:1024px){

    .footer-cta{

        padding:70px 0;

    }

    .footer-cta-content{

        flex-direction:column;

        text-align:center;

    }

    .footer-cta-button{

        justify-content:center;

    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width:768px){

    .footer-cta{

        padding:60px 0;

    }

    .footer-cta-icon{

        width:90px;

        height:90px;

        min-width:90px;

    }

    .footer-cta-icon svg{

        width:46px;

        height:46px;

    }

    .footer-cta-text h2{

        font-size:2rem;

    }

    .footer-cta-text p{

        font-size:1rem;

    }

    .cta-button{

        width:100%;

        max-width:320px;

    }

}