.ui-button{border-radius:var(--corner-radius-full);cursor:pointer;font-family:var(--font-family-primary);align-items:center;gap:var(--spacing-space-extra-small);transition:background-color var(--motion-duration-fast) var(--motion-ease-out), border-color var(--motion-duration-fast) var(--motion-ease-out);border:1px solid #0000;justify-content:center;display:inline-flex}.ui-button--base{font-size:var(--font-size-textbutton-base);font-weight:var(--font-weight-textbutton-base);letter-spacing:var(--letter-spacing-textbutton-base);line-height:var(--line-height-textbutton-base);padding:var(--spacing-space-small) var(--spacing-space-medium)}.ui-button--small{font-size:var(--font-size-textbutton-small);font-weight:var(--font-weight-textbutton-small);letter-spacing:var(--letter-spacing-textbutton-small);line-height:var(--line-height-textbutton-small);padding:var(--spacing-space-extra-small) var(--spacing-space-small)}.ui-button--fill{background:var(--bg-accent);color:var(--text-accent)}.ui-button--fill:hover:not(:disabled){background:var(--bg-accent-hover)}.ui-button--outline{border-color:var(--bg-border);color:var(--text-body)}.ui-button--outline:hover:not(:disabled){border-color:var(--text-body)}.ui-button--ghost{color:var(--text-body)}.ui-button--ghost:hover:not(:disabled){background:var(--bg-subtle)}.ui-button:disabled{cursor:not-allowed;opacity:.6}.ui-button--icon-only{aspect-ratio:1;padding:var(--spacing-space-small)}.ui-button__icon{flex-shrink:0;display:inline-flex}.ui-button__icon svg{width:1em;height:1em}