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

.btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:12px 20px;
    border:none;
    border-radius:var(--radius-small);
    cursor:pointer;
    font:inherit;
    transition:var(--transition);
}

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

.btn-secondary{
    background:#eceff3;
    color:var(--text);
}

.btn:hover{
    transform:translateY(-2px);
}

.btn-primary:hover{
    background:var(--primary-dark);
}

.btn:disabled{
    opacity:.5;
    cursor:default;
}