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

.btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:14px 28px;

border-radius:999px;

font-weight:600;

transition:var(--transition);

cursor:pointer;

}

.btn-primary{

background:var(--primary);

color:var(--white);

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

}

.btn-primary{

position:relative;

overflow:hidden;

}

.btn-primary::before{

content:"";

position:absolute;

top:0;

left:-120%;

width:100%;

height:100%;

background:

linear-gradient(

90deg,

transparent,

rgba(255,255,255,.4),

transparent

);

transition:.6s;

}

.btn-primary:hover::before{

left:120%;

}

/* .btn-outline{

    border:2px solid var(--primary);

    color:var(--primary);

    background:#fff;

}

.btn-outline:hover{

    background:var(--primary);

    color:#fff;

} */

.btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 24px;

    border:2px solid var(--primary);

    border-radius:50px;

    background:#fff;

    color:var(--primary);

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}

.btn-outline:hover{

    background:var(--primary);

    color:#fff;

}

/* mobile css */
.mobile-actions{

    display:flex;

    flex-direction:column;

    gap:12px;

    margin-top:30px;

}

.mobile-actions .btn{

    width:100%;

}