.atx-button{display:inline-flex;align-items:center;align-self:flex-start;vertical-align:top;justify-content:center;gap:var(--atx-space-2);padding:var(--atx-space-2) var(--atx-space-4);border:none;border-radius:var(--atx-radius-default);background:var(--button-bg);color:var(--button-fg);cursor:pointer;font-family:var(--atx-body-lg-medium-font-family);font-size:var(--atx-body-lg-medium-font-size);font-weight:var(--atx-body-lg-medium-font-weight);line-height:1.5;white-space:nowrap;transition:background-color .12s ease}.atx-button.atx-button--size-small{padding:var(--atx-space-1) var(--atx-space-2)}.atx-button--full-width{width:100%}.atx-button:hover:not(:disabled),.atx-button[data-state-preview=Hover]:not(:disabled){background:var(--button-bg-hover)}.atx-button:disabled:not(.atx-button--loading){background:var(--button-bg-disabled,var(--button-bg));color:var(--button-fg-disabled,var(--button-fg));cursor:not-allowed}.atx-button--loading{position:relative;gap:0;justify-content:center;cursor:wait;background:var(--button-bg);color:var(--button-fg)}.atx-button__content,.atx-button__sizer{display:inline-flex;align-items:center;justify-content:center;gap:var(--atx-space-2)}.atx-button__sizer{visibility:hidden;pointer-events:none}.atx-button__loader-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:inherit}.atx-button__spinner{box-sizing:border-box;width:20px;height:20px;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:atx-button-spin .75s linear infinite}.atx-button--size-small .atx-button__spinner{width:16px;height:16px;border-width:1.5px}.atx-button__icon{font-size:var(--atx-space-6);line-height:1;flex-shrink:0;display:flex;align-items:center}@keyframes atx-button-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.atx-button--default-primary{--button-bg:var(--atx-background-brand-primary);--button-bg-hover:var(--atx-background-brand-primary-hover);--button-fg:var(--atx-content-brand-on-brand);--button-bg-disabled:var(--atx-background-disabled-primary);--button-fg-disabled:var(--atx-content-disabled-on-disabled)}.atx-button--default-secondary{--button-bg:var(--atx-background-brand-secondary);--button-bg-hover:var(--atx-background-brand-secondary-hover);--button-fg:var(--atx-content-brand-primary);--button-bg-disabled:var(--atx-background-disabled-secondary);--button-fg-disabled:var(--atx-content-disabled-primary)}.atx-button--default-ghost{--button-bg:transparent;--button-bg-hover:var(--atx-background-brand-tertiary-hover);--button-fg:var(--atx-content-brand-primary);--button-bg-disabled:transparent;--button-fg-disabled:var(--atx-content-disabled-primary)}.atx-button--error-primary{--button-bg:var(--atx-background-error-primary);--button-bg-hover:var(--atx-background-error-primary-hover);--button-fg:var(--atx-content-error-on-error);--button-bg-disabled:var(--atx-background-disabled-primary);--button-fg-disabled:var(--atx-content-disabled-on-disabled)}.atx-button--error-secondary{--button-bg:var(--atx-background-error-secondary);--button-bg-hover:var(--atx-background-error-secondary-hover);--button-fg:var(--atx-content-error-primary);--button-bg-disabled:var(--atx-background-disabled-secondary);--button-fg-disabled:var(--atx-content-disabled-primary)}.atx-button--error-ghost{--button-bg:transparent;--button-bg-hover:var(--atx-background-error-tertiary-hover);--button-fg:var(--atx-content-error-primary);--button-bg-disabled:transparent;--button-fg-disabled:var(--atx-content-disabled-primary)}