/* ==========================================
   Buttons
========================================== */

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:14px 30px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:var(--transition);

    cursor:pointer;

}

.btn-primary{

    background:var(--primary);

    color:white;

}

.btn-primary:hover{

    background:var(--gold);

    color:var(--primary);

    transform:translateY(-3px);

}

.btn-gold{

    background:var(--gold);

    color:var(--primary);

}

.btn-gold:hover{

    background:var(--primary);

    color:white;

}

.btn-outline{

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

    color:var(--primary);

    background:white;

}

.btn-outline:hover{

    background:var(--primary);

    color:white;

}