/* =============================================================================
   integration/buttons.css
   Ghost, outline, and feature-request buttons used within the integration form.
   Submit button lives in submit.css.
   ============================================================================= */

/* ghost (Request Custom Filters) */
.btn-ghost,
.btn-request-custom-filters {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    background: transparent;
    border: 1px solid var(--primary);
    border-radius: var(--radius-md);
    color: var(--primary);
    font-size: var(--font-size-xs);
    font-weight: var(--font-weight-medium);
    font-family: var(--font-family);
    cursor: pointer;
    transition: background var(--transition-fast), box-shadow var(--transition-fast);
}

.btn-ghost:hover,
.btn-request-custom-filters:hover {
    background: var(--primary-light);
    box-shadow: 0 0 0 2px var(--primary-light);
}

/* outline brand (Request Feature inside placeholder) */
.btn-outline-brand,
.btn-request-feature {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-4);
    background: var(--bg-primary);
    border: 1px solid var(--primary);
    border-radius: var(--radius-md);
    color: var(--primary);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    font-family: var(--font-family);
    cursor: pointer;
    transition: background var(--transition-fast);
}

.btn-outline-brand:hover,
.btn-request-feature:hover {
    background: var(--primary-light);
}