.n2-button{justify-content:center;align-items:center;gap:var(--n2-space-2);padding:var(--n2-space-2) var(--n2-space-3);border-radius:var(--n2-radius-sm);font:var(--n2-type-title-s);letter-spacing:normal;white-space:nowrap;background:var(--n2-surface-button-veil), var(--n2-button-fill);box-shadow:0 0 0 1px var(--n2-button-ring), var(--n2-shadow-button);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;margin:0;display:inline-flex;position:relative}.n2-button:before{content:"";inset:calc((100% - var(--n2-size-control-m)) / 2);position:absolute}.n2-button--in-chat{padding:var(--n2-space-1) var(--n2-space-3);border-radius:var(--n2-radius-full);font:var(--n2-type-title-xs);letter-spacing:normal}.n2-button--default{--n2-button-fill:var(--n2-surface-button-default);--n2-button-ring:var(--n2-border-hairline);color:var(--n2-text-inverted)}.n2-button--brand{--n2-button-fill:var(--n2-surface-brand);--n2-button-ring:var(--n2-border-hairline);color:var(--n2-text-inverted)}.n2-button--secondary{--n2-button-fill:var(--n2-surface-button-secondary);--n2-button-ring:var(--n2-border-button-secondary);color:var(--n2-text-primary)}.n2-button--danger{color:var(--n2-text-primary);--n2-button-fill:var(--n2-surface-button-danger);--n2-button-ring:var(--n2-border-hairline)}.n2-button:hover:not(:disabled){background:var(--n2-surface-control-veil-hover), var(--n2-surface-button-veil), var(--n2-button-fill)}.n2-button[aria-pressed=true]:not(:disabled){background:var(--n2-surface-control-veil-pressed), var(--n2-surface-button-veil), var(--n2-button-fill);box-shadow:0 0 0 1px var(--n2-button-ring)}.n2-button:active:not(:disabled){background:var(--n2-surface-control-veil-pressed), var(--n2-surface-button-veil), var(--n2-button-fill)}.n2-button:disabled{box-shadow:0 0 0 1px var(--n2-border-hairline);color:var(--n2-text-secondary);cursor:default;pointer-events:none;background:0 0}.n2-button:focus-visible{outline:2px solid var(--n2-focus);outline-offset:2px}.n2-button .n2-icon{flex:none}.n2-button{transition:background-color .15s ease-out,box-shadow .15s ease-out,transform .12s ease-out,opacity .15s ease-out}.n2-button:active:not(:disabled){transform:scale(.97)}.n2-button:disabled{opacity:.4}@media (prefers-reduced-motion:reduce){.n2-button{transition:none}.n2-button:active:not(:disabled){transform:none}}