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

.button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:16px 32px;
    border:none;
    border-radius:16px;
    font-weight:700;
    text-decoration:none;
    cursor:pointer;
    transition:var(--transition);
}

.button--primary{
    background:var(--color-primary);
    color:var(--color-white);
}

.button--secondary{
    background:var(--color-secondary);
    color:var(--color-black);
}

.button--outline{
    background:transparent;
    border:2px solid var(--color-primary);
    color:var(--color-primary);
}