/*==============================
CALL TO ACTION
==============================*/

.glass-call-section{

    position:relative;

    overflow:hidden;

    padding:70px 20px;

    background:
    radial-gradient(circle at 15% 10%,rgba(72,182,255,.10),transparent 30%),
    radial-gradient(circle at 90% 100%,rgba(138,92,255,.12),transparent 35%),
    #06080d;

}

.glass-call-container{

    max-width:900px;

    margin:auto;

}

.glass-call-content{

    position:relative;

    overflow:hidden;

    text-align:center;

    padding:50px 30px;

    border-radius:30px;

    backdrop-filter:blur(22px);

    background:linear-gradient(180deg,
    rgba(255,255,255,.08),
    rgba(255,255,255,.03));

    border:1px solid rgba(255,255,255,.12);

    box-shadow:
    0 25px 70px rgba(0,0,0,.45);

}

.glass-call-content::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.08),
    transparent);

    transform:translateX(-120%);

    animation:shine 6s linear infinite;

}

.glass-call-badge{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 18px;

    border-radius:100px;

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

    border:1px solid rgba(255,255,255,.12);

    color:#fff;

    font-size:.85rem;

    margin-bottom:22px;

}

.glass-call-content h2{

    color:#fff;

    font-size:clamp(2rem,6vw,3.5rem);

    line-height:1.15;

    margin-bottom:20px;

}

.glass-call-content h2 span{

    background:linear-gradient(90deg,#48b6ff,#9a73ff);

    -webkit-background-clip:text;

    -webkit-text-fill-color:transparent;

}

.glass-call-content p{

    max-width:620px;

    margin:0 auto 40px;

    color:#cbd3df;

    line-height:1.8;

}

/*==============================
BOTÓN
==============================*/

.glass-call-button{

    display:inline-flex;

    align-items:center;

    gap:18px;

    padding:18px 28px;

    border-radius:100px;

    text-decoration:none;

    color:#fff;

    background:linear-gradient(135deg,#48b6ff,#7c5dff);

    box-shadow:
    0 15px 40px rgba(72,182,255,.35);

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.glass-call-button::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.4),
    transparent);

    transform:translateX(-120%);

    transition:.8s;

}

.glass-call-button:hover::before{

    transform:translateX(120%);

}

.glass-call-button:hover{

    transform:translateY(-6px) scale(1.03);

    box-shadow:
    0 25px 60px rgba(72,182,255,.45);

}

.button-icon{

    width:60px;

    height:60px;

    display:grid;

    place-items:center;

    border-radius:50%;

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

    font-size:1.4rem;

}

.button-text{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

}

.button-text small{

    color:rgba(255,255,255,.8);

    font-size:.8rem;

}

.button-text strong{

    font-size:1.3rem;

    letter-spacing:.5px;

}

/*==============================
BACKGROUND
==============================*/

.glass-call-bg::before,
.glass-call-bg::after{

    content:"";

    position:absolute;

    border-radius:50%;

    filter:blur(120px);

}

.glass-call-bg::before{

    width:260px;

    height:260px;

    background:#48b6ff;

    top:-80px;

    left:-60px;

    opacity:.15;

}

.glass-call-bg::after{

    width:260px;

    height:260px;

    background:#8a5cff;

    right:-70px;

    bottom:-90px;

    opacity:.15;

}

@keyframes shine{

    from{

        transform:translateX(-120%);

    }

    to{

        transform:translateX(120%);

    }

}

@media(min-width:768px){

    .glass-call-content{

        padding:70px;

    }

}