.ui-button{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-family);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);border:var(--border-width) solid transparent;border-radius:var(--radius-xl);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);display:inline-flex}.ui-button-md{padding:var(--space-3) var(--space-5);font-size:var(--font-size-base)}.ui-button-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.ui-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.ui-button:focus-visible{outline:none}.ui-button-primary{background:var(--color-accent);color:var(--color-accent-text)}.ui-button-primary:hover:not(:disabled){background:var(--color-accent-hover)}.ui-button-secondary{background:var(--bento-tile-raised);color:var(--color-text-primary)}.ui-button-secondary:hover:not(:disabled){background:var(--bento-tile-hover)}.ui-button-quiet{color:var(--color-text-secondary);background:0 0}.ui-button-quiet:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.ui-button-danger{background:var(--color-error-bg);color:var(--color-error-text)}.ui-button-danger:hover:not(:disabled){border-color:var(--color-error)}