/* Shared button variants used across many pages */

.btn-brand-sm {
    background-color: var(--color-primary);
    color: var(--color-white);
    border-radius: var(--radius-pill);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
}

.btn-secondary-outline {
    border: 1.5px solid var(--color-border, #ddd);
    color: var(--color-text-body);
    border-radius: var(--radius-pill);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}

.btn-danger-outline {
    border: 1.5px solid var(--color-danger, #dc3545);
    color: var(--color-danger, #dc3545);
    border-radius: var(--radius-pill);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
}