.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);border-radius:var(--radius-md);border:var(--border-width-default) solid transparent;font-weight:var(--weight-medium);font-size:var(--text-body-size);line-height:var(--text-body-lh);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.btn:disabled{color:var(--text-disabled);cursor:not-allowed}.btn--sm{height:var(--control-sm);padding:0 var(--space-12);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh)}.btn--md{height:var(--control-md);padding:0 var(--space-16)}.btn--lg{height:var(--control-lg);padding:0 var(--space-24)}.btn--primary{background:var(--brand-fill);color:var(--text-inverse)}.btn--primary:focus-visible{border-color:var(--neutral-0)}.btn--primary:hover:not(:disabled){background:var(--brand-fill-hover)}.btn--primary:active:not(:disabled){background:var(--brand-fill-active)}.btn--primary:disabled{background:var(--surface-sunken)}.btn--secondary{background:var(--surface-default);border-color:var(--border-input);color:var(--text-primary)}.btn--secondary:hover:not(:disabled){background:var(--surface-hover)}.btn--secondary:active:not(:disabled){background:var(--surface-pressed)}.btn--secondary:disabled{background:var(--surface-sunken)}.btn--ghost{background:transparent;color:var(--text-primary)}.btn--ghost:hover:not(:disabled){background:var(--surface-hover)}.btn--ghost:active:not(:disabled){background:var(--surface-pressed)}.btn--danger{background:var(--surface-default);border-color:var(--danger-500);color:var(--danger-600)}.btn--danger:hover:not(:disabled){background:var(--danger-50)}.btn--danger:active:not(:disabled){background:var(--danger-100)}.btn--danger:disabled{background:var(--surface-sunken);border-color:var(--border-default)}.btn__label--hidden{visibility:hidden}.btn__spinner{position:absolute;width:var(--icon-md);height:var(--icon-md);border:var(--border-width-strong) solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:btn-spin .6s linear infinite}.btn--loading{position:relative}@keyframes btn-spin{to{transform:rotate(360deg)}}