/* GoldPriceBD - buttons.css
   Modularized from the original global framework. */

/* =========================================================
   14. BUTTONS
   ========================================================= */

.btn {
    min-height: 42px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap:
        var(--space-2);

    padding:
        9px 16px;

    border:
        1px solid transparent;

    border-radius:
        var(--radius-md);

    font-size:
        var(--font-size-sm);

    font-weight:
        var(--font-weight-semibold);

    transition:
        background-color var(--transition-fast),
        border-color var(--transition-fast),
        color var(--transition-fast),
        transform var(--transition-fast);
}


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


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

    color:
        var(--text-inverse);
}


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


.btn-secondary {
    background:
        var(--bg-surface);

    color:
        var(--text-primary);

    border-color:
        var(--border-color-dark);
}


.btn-secondary:hover {
    border-color:
        var(--color-primary);

    color:
        var(--color-primary);
}


.btn-danger {
    background:
        var(--color-danger);

    color:
        #ffffff;
}


.btn-sm {
    min-height: 36px;

    padding:
        7px 12px;
}


.btn-lg {
    min-height: 48px;

    padding:
        11px 20px;
}