/*==========================================================
BUTTONS
==========================================================*/

.btn{

display:inline-flex;

align-items:center;

justify-content:center;

gap:10px;

padding:18px 34px;

border-radius:999px;

font-size:1rem;

font-weight:700;

transition:.35s ease;

cursor:pointer;

position:relative;

overflow:hidden;

}

/* PRIMARY */

.btn-primary{

background:linear-gradient(

135deg,

var(--primary),

var(--primary-light)

);

color:#fff;

box-shadow:

0 18px 40px rgba(10,102,194,.22);

}

.btn-primary:hover{

transform:translateY(-4px);

box-shadow:

0 25px 55px rgba(10,102,194,.30);

}

/* SECONDARY */

.btn-secondary{

background:#fff;

border:2px solid rgba(10,102,194,.14);

color:var(--primary);

}

.btn-secondary:hover{

background:var(--primary);

color:#fff;

}

/* BUTTON ARROW */

.btn::after{

content:"→";

transition:.35s ease;

}

.btn:hover::after{

transform:translateX(6px);

}

/* FORMS */

input,
textarea,
select{

width:100%;

padding:16px 18px;

border:1px solid var(--border);

border-radius:16px;

background:#fff;

margin-bottom:18px;

transition:.3s ease;

}

input:focus,
textarea:focus,
select:focus{

outline:none;

border-color:var(--primary);

box-shadow:

0 0 0 4px rgba(10,102,194,.08);

}