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

.button{

display:inline-flex;

border:0;

align-items:center;

justify-content:center;

padding:16px 30px;

background:linear-gradient(135deg,#24A8FF,#1684D8);

border-radius:14px;

text-decoration:none;

color:white;

font-family:inherit;

font-weight:700;

transition:var(--transition);

box-shadow:0 15px 35px rgba(36,168,255,.25);

}

.button:hover,
.button:focus-visible{

transform:translateY(-3px);

box-shadow:0 25px 50px rgba(36,168,255,.40);

outline:none;

}

.button.secondary{

background:transparent;

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

box-shadow:none;

}

.button.secondary:hover,
.button.secondary:focus-visible{

background:white;

color:#050816;

}

.button:focus-visible{

box-shadow:0 0 0 4px rgba(36,168,255,.32),0 25px 50px rgba(36,168,255,.40);

}