/*====================================================
                CTA FINAL
=====================================================*/


.cta-final{

    background:
    radial-gradient(
        circle at center,
        rgba(0,102,255,.25),
        transparent 45%
    ),
    #050505;

    padding:50px 0;

    position:relative;

    overflow:hidden;

}





/*====================================================
                CONTEÚDO
=====================================================*/


.cta-content{

    max-width:850px;

    margin:auto;

    text-align:center;

}



.cta-content span{

    display:inline-block;

    padding:8px 20px;

    border-radius:50px;

    background:rgba(0,102,255,.15);

    border:1px solid rgba(0,102,255,.4);

    color:#4da3ff;

    font-size:13px;

    font-weight:700;

    margin-bottom:25px;

}





.cta-content h2{

    color:#ffffff;

    font-size:48px;

    line-height:1.2;

    font-weight:700;

}



.cta-content h2 strong{

    color:#0066ff;

}





.cta-content p{

    color:#b8b8b8;

    font-size:18px;

    line-height:1.7;

    max-width:650px;

    margin:25px auto 0;

}





/*====================================================
                BOTÕES
=====================================================*/


.cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    margin-top:40px;

}



.cta-buttons .btn-primary{

    padding:17px 40px;

}



.cta-buttons .btn-outline{

    padding:16px 35px;

}





/*====================================================
                EFEITO DE BRILHO
=====================================================*/


.cta-final::before{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    background:#0066ff;

    filter:blur(150px);

    opacity:.35;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

}





/*====================================================
                TABLET
=====================================================*/


@media(max-width:1024px){


    .cta-content h2{

        font-size:40px;

    }


}





/*====================================================
                CELULAR
=====================================================*/


@media(max-width:768px){


    .cta-final{

        padding:70px 0;

    }



    .cta-content h2{

        font-size:32px;

    }



    .cta-content p{

        font-size:15px;

    }



    .cta-buttons{

        flex-direction:column;

        padding:0 20px;

    }



    .cta-buttons a{

        width:100%;

        justify-content:center;

    }


}