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

.btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:18px 38px;

    border-radius:999px;

    font-size:17px;
    
    font-weight:700;

    transition:var(--transition);

}

.btn-primary{

    background:var(--primary);
    color:#fff;

}

.btn-primary:hover{

    background:var(--primary-hover);

}

.btn-outline{

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

    color:var(--primary);

}

.btn-outline:hover{

    background:var(--primary);

    color:#fff;

}

.btn-light{

    background:#fff;

    color:var(--text);

}

.btn-light:hover{

    background:#F0EEE7;

}

@media (max-width:520px){

    .btn{

        width:100%;

        padding:16px 24px;

    }

}