/* ==========================================================
   DineMe Premium
   Buttons v1.0
   ========================================================== */

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;

    padding: 1rem 1.75rem;

    min-height: 48px;

    border: none;
    border-radius: var(--radius-lg);

    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: var(--fw-semibold);

    cursor: pointer;

    transition:
        background-color var(--transition-fast),
        transform var(--transition-fast),
        box-shadow var(--transition-fast);

    user-select: none;

    white-space: nowrap;
}

/* Primary */

.btn-primary {

    background: var(--color-primary);

    color: white;

    box-shadow: var(--shadow-sm);

}

.btn-primary:hover {

    background: var(--color-primary-hover);

    transform: translateY(-2px);

    box-shadow: var(--shadow-md);

}

.btn-primary:active {

    transform: translateY(1px);

    box-shadow: var(--shadow-sm);

}

.btn-primary:disabled {

    opacity: .6;

    cursor: not-allowed;

    transform: none;

    box-shadow: none;

}