/*==================================================
CTA
==================================================*/

.cta{

position:relative;

overflow:hidden;

}


/*==================================================
WRAPPER
==================================================*/

.cta-wrapper{

position:relative;

overflow:hidden;

padding:90px 70px;

border-radius:30px;

text-align:center;

}


/*==================================================
BACKGROUND GLOW
==================================================*/

.cta-glow{

position:absolute;

left:50%;

top:50%;

transform:translate(-50%,-50%);

width:650px;

height:650px;

border-radius:50%;

background:

radial-gradient(

circle,

rgba(0,217,255,.14),

transparent 70%

);

pointer-events:none;

}


/*==================================================
CONTENT
==================================================*/

.cta-content{

position:relative;

z-index:2;

max-width:760px;

margin:auto;

}

.cta-content h2{

margin:25px 0;

font-size:3rem;

line-height:1.2;

}

.cta-content p{

margin:0 auto;

max-width:650px;

font-size:1.05rem;

line-height:1.9;

}


/*==================================================
BUTTONS
==================================================*/

.cta-buttons{

position:relative;

z-index:2;

display:flex;

justify-content:center;

gap:20px;

margin-top:45px;

flex-wrap:wrap;

}


/*==================================================
SCAN EFFECT
==================================================*/

.cta-wrapper::before{

content:"";

position:absolute;

top:0;

left:-120%;

width:50%;

height:100%;

background:

linear-gradient(

90deg,

transparent,

rgba(255,255,255,.08),

transparent

);

transform:skewX(-20deg);

animation:solutionScan 7s linear infinite;

}


/*==================================================
TOP BORDER
==================================================*/

.cta-wrapper::after{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:2px;

background:

linear-gradient(

90deg,

transparent,

var(--primary),

transparent

);

}