.prim-button{justify-content:center;align-items:center;gap:var(--space-2);font-weight:var(--weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border:1px solid #0000;display:inline-flex}.prim-button:disabled{cursor:not-allowed;opacity:.55}.prim-button--loading{cursor:progress}.prim-button__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;width:.85em;height:.85em;animation:.6s linear infinite prim-button-spin}@keyframes prim-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.prim-button__spinner{animation-duration:1.5s}}.prim-button--sm{height:2rem;padding-inline:var(--space-3);font-size:var(--text-sm)}.prim-button--md{height:2.5rem;padding-inline:var(--space-4);font-size:var(--text-base)}.prim-button--primary{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent)}.prim-button--primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.prim-button--primary:active:not(:disabled){background:var(--color-accent-active);border-color:var(--color-accent-active)}.prim-button--ghost{color:var(--color-text);border-color:var(--color-border);background:0 0}.prim-button--ghost:hover:not(:disabled){background:var(--color-surface-sunken);border-color:var(--color-border-strong)}.prim-button--danger{background:var(--color-danger);color:var(--color-neutral-0);border-color:var(--color-danger)}.prim-button--danger:hover:not(:disabled){filter:brightness(1.1)}@media (max-width:640px){.prim-button--sm,.prim-button--md{min-height:2.75rem}}