.bc-form-button{--font-family: var(--font-family-paragraph);--font-weight: var(--font-weight-bold);--border-width: 1px;--border-radius: var(--layout-border-radius);--gutter: var(--space-1x);--focus-border-color: var(--color-focus);--focus-inner-color: var(--color-focus-inner);--height-sm: var(--space-5x);--padding-x-sm: var(--space-1x);--font-size-sm: var(--space-1-5x);--line-height-sm: var(--space-2-5x);--padding-y-sm: calc((var(--height-sm) - var(--line-height-sm) - 2 * var(--border-width)) / 2);--height-md: var(--space-5-5x);--padding-x-md: var(--space-1-5x);--font-size-md: var(--space-2x);--line-height-md: var(--space-3x);--padding-y-md: calc((var(--height-md) - var(--line-height-md) - 2 * var(--border-width)) / 2);--height-lg: var(--space-6x);--padding-x-lg: var(--space-2x);--font-size-lg: var(--space-2-5x);--line-height-lg: var(--space-3x);--padding-y-lg: calc((var(--height-lg) - var(--line-height-lg) - 2 * var(--border-width)) / 2)}@media(min-width:1025px){.bc-form-button{--height-md: var(--space-6x);--height-lg: var(--space-7x);--padding-x-md: var(--space-2x);--padding-x-lg: var(--space-2-5x)}}.bc-form-button--match-input-height{--height-sm: var(--space-6x);--height-md: var(--space-6x);--height-lg: var(--space-6x)}.bc-form-button--primary{--enable-fg: var(--color-gray-0);--enable-bg: var(--color-brand-primary);--enable-border: var(--color-gray-0);--hover-fg: var(--color-gray-0);--hover-bg: var(--color-brand-primary-dark);--hover-border: var(--color-gray-0);--active-fg: var(--color-gray-0);--active-bg: var(--color-brand-primary-darker);--active-border: var(--color-focus);--focus-fg: var(--color-gray-0);--focus-bg: var(--color-brand-primary);--focus-border: var(--color-focus);--disabled-fg: var(--color-text-caption);--disabled-bg: var(--color-surface-secondary);--disabled-border: var(--color-border-default)}.bc-form-button--secondary{--enable-fg: var(--color-gray-0);--enable-bg: var(--color-brand-secondary);--enable-border: var(--color-brand-secondary);--hover-fg: var(--color-gray-0);--hover-bg: var(--color-brand-secondary-dark);--hover-border: var(--color-brand-secondary-dark);--active-fg: var(--color-gray-0);--active-bg: var(--color-brand-secondary-darker);--active-border: var(--color-focus);--focus-fg: var(--color-gray-0);--focus-bg: var(--color-brand-secondary);--focus-border: var(--color-focus);--disabled-fg: var(--color-text-caption);--disabled-bg: var(--color-surface-secondary);--disabled-border: var(--color-border-default)}.bc-form-button--outlined-primary{--enable-fg: var(--color-brand-primary);--enable-bg: var(--color-surface-primary);--enable-border: var(--color-brand-primary);--hover-fg: var(--color-brand-primary);--hover-bg: var(--color-surface-primary);--hover-border: var(--color-brand-primary);--active-fg: var(--color-brand-primary);--active-bg: var(--color-surface-primary);--active-border: var(--color-focus);--focus-fg: var(--color-brand-primary);--focus-bg: var(--color-surface-secondary);--focus-border: var(--color-focus);--disabled-fg: var(--color-text-caption);--disabled-bg: var(--color-surface-primary);--disabled-border: var(--color-border-default)}.bc-form-button--ghost{--enable-fg: var(--color-brand-primary);--enable-bg: var(--color-surface-primary);--enable-border: var(--color-surface-primary);--hover-fg: var(--color-brand-primary);--hover-bg: var(--color-surface-secondary);--hover-border: var(--color-surface-primary);--active-fg: var(--color-brand-primary);--active-bg: var(--color-surface-primary);--active-border: var(--color-focus);--focus-fg: var(--color-brand-primary);--focus-bg: var(--color-surface-secondary);--focus-border: var(--color-focus);--disabled-fg: var(--color-text-caption);--disabled-bg: var(--color-surface-primary);--disabled-border: var(--color-surface-primary)}.bc-form-button--danger{--enable-fg: var(--color-gray-0);--enable-bg: var(--color-feedback-error-dark);--enable-border: var(--color-feedback-error-dark);--hover-fg: var(--color-feedback-error-light);--hover-bg: var(--color-feedback-error-dark);--hover-border: var(--color-feedback-error-dark);--active-fg: var(--color-feedback-error-light);--active-bg: var(--color-feedback-error-dark);--active-border: var(--color-focus);--focus-fg: var(--color-gray-0);--focus-bg: var(--color-feedback-error-dark);--focus-border: var(--color-focus);--disabled-fg: var(--color-feedback-error-dark);--disabled-bg: var(--color-feedback-error-light);--disabled-border: var(--color-surface-primary)}.bc-form-button--outlined-white{--enable-fg: var(--color-gray-0);--enable-bg: transparent;--enable-border: var(--color-gray-0);--hover-fg: var(--color-gray-900);--hover-bg: var(--color-gray-0);--hover-border: var(--color-gray-0);--active-fg: var(--color-gray-900);--active-bg: var(--color-gray-0);--active-border: var(--color-focus);--focus-fg: var(--color-gray-0);--focus-bg: transparent;--focus-border: var(--color-focus);--disabled-fg: var(--color-gray-400);--disabled-bg: transparent;--disabled-border: var(--color-gray-400)}.bc-form-button--solid-white{--enable-fg: var(--color-brand-primary);--enable-bg: var(--color-gray-0);--enable-border: var(--color-brand-primary);--hover-fg: var(--color-gray-0);--hover-bg: var(--color-brand-primary);--hover-border: var(--color-brand-primary);--active-fg: var(--color-gray-0);--active-bg: var(--color-brand-primary-dark);--active-border: var(--color-focus);--focus-fg: var(--color-brand-primary);--focus-bg: var(--color-gray-0);--focus-border: var(--color-focus);--disabled-fg: var(--color-text-caption);--disabled-bg: var(--color-surface-primary);--disabled-border: var(--color-border-default)}.bc-form-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--gutter);font-family:var(--font-family);font-weight:var(--font-weight);border-radius:var(--border-radius);border:var(--border-width) solid transparent;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;box-sizing:border-box;color:var(--enable-fg);background-color:var(--enable-bg);border-color:var(--enable-border)}.bc-form-button:hover:not(:disabled):not(.bc-form-button--disabled){color:var(--hover-fg);background-color:var(--hover-bg);border-color:var(--hover-border)}.bc-form-button:active:not(:disabled):not(.bc-form-button--disabled){color:var(--active-fg);background-color:var(--active-bg);border-color:var(--active-border)}.bc-form-button:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--focus-inner-color);color:var(--focus-fg);background-color:var(--focus-bg);border-color:var(--focus-border)}.bc-form-button:disabled,.bc-form-button.bc-form-button--disabled{color:var(--disabled-fg);background-color:var(--disabled-bg);border-color:var(--disabled-border);cursor:not-allowed;pointer-events:none}.bc-form-button--sm{padding:var(--padding-y-sm) var(--padding-x-sm);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.bc-form-button--md{padding:var(--padding-y-md) var(--padding-x-md);font-size:var(--font-size-md);line-height:var(--line-height-md)}.bc-form-button--lg{padding:var(--padding-y-lg) var(--padding-x-lg);font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.bc-form-button--text .bc-form-button__icon{display:none}.bc-form-button--text-icon .bc-form-button__text,.bc-form-button--text-icon .bc-form-button__icon{display:inline-flex}.bc-form-button--icon .bc-form-button__text{display:none}.bc-form-button--icon.bc-form-button--sm{width:var(--height-sm);padding:0}.bc-form-button--icon.bc-form-button--md{width:var(--height-md);padding:0}.bc-form-button--icon.bc-form-button--lg{width:var(--height-lg);padding:0}.bc-form-button--icon.bc-form-button--width-auto{width:auto}.bc-form-button__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.bc-form-button__icon svg{fill:currentColor;margin-right:0}.bc-form-button__text{display:inline-flex;align-items:center;white-space:normal;text-align:center}