.btn {
    min-height: 44px;
    border-radius: 999px;
    padding: 10px 20px;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition:
        transform var(--transition),
        background-color var(--transition),
        border-color var(--transition),
        color var(--transition),
        box-shadow var(--transition);
}

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

.btn-brand {
    border: 1px solid var(--primary);
    color: var(--white);
    background:
        linear-gradient(
            135deg,
            var(--primary),
            var(--primary-dark)
        );
    box-shadow: 0 10px 22px rgba(69, 67, 34, 0.16);
}

.btn-brand:hover,
.btn-brand:focus {
    border-color: var(--primary-dark);
    color: var(--white);
    background: var(--primary-dark);
    box-shadow: 0 14px 30px rgba(69, 67, 34, 0.22);
}

.btn-outline-dark {
    border-color: var(--border);
    color: var(--text-primary);
    background: rgba(255, 255, 255, 0.62);
}

.btn-outline-dark:hover,
.btn-outline-dark:focus {
    border-color: var(--primary);
    color: var(--white);
    background: var(--primary);
}

.btn-add-cart {
    border: 1px solid var(--secondary);
    color: var(--text-primary);
    background:
        linear-gradient(
            135deg,
            #D1B27C,
            var(--secondary)
        );
    box-shadow: 0 10px 24px rgba(195, 161, 106, 0.22);
}

.btn-add-cart:hover,
.btn-add-cart:focus {
    border-color: var(--primary);
    color: var(--white);
    background:
        linear-gradient(
            135deg,
            var(--primary),
            var(--primary-dark)
        );
    box-shadow: 0 14px 30px rgba(69, 67, 34, 0.20);
}

.btn-add-cart.is-added {
    border-color: var(--primary);
    color: var(--white);
    background: var(--primary);
}

.btn:disabled,
.btn.disabled {
    border-color: var(--border);
    color: var(--text-secondary);
    background: #EEE8DE;
    box-shadow: none;
    opacity: 0.72;
    cursor: not-allowed;
}