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

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:.75rem;

    min-height:var(--button-height);

	padding:0 var(--button-padding);
	
	border-radius:var(--button-radius);

    border:none;

    cursor:pointer;

    text-decoration:none;

    font-weight:700;

    font-size:1rem;

    transition:var(--transition-hover);

}

.btn:hover{

    transform:translateY(-3px);

}

.btn--primary{

    color:#fff;

    background:var(--gradient-primary);

    box-shadow:var(--shadow-primary);

}

.btn--primary:hover{

    box-shadow:var(--shadow-neon);

}

.btn--outline{

    color:#fff;

    background:var(--glass-light);

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

    backdrop-filter:var(--backdrop);

	-webkit-backdrop-filter:var(--backdrop);

    box-shadow:var(--shadow-sm);

}

.btn--outline:hover{

    background:var(--glass-light);

    border-color:var(--color-light);

    box-shadow:var(--shadow-md);

}

.btn--light{

    color:var(--color-dark);

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

    background:#fff;

}

.btn:focus-visible{

    outline:none;

    box-shadow:

        0 0 0 4px rgba(0,217,255,.25);

}