.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--fontFamily);font-weight:var(--font-regular);border-radius:var(--radius-2);border:1px solid transparent;cursor:pointer;transition:var(--fx-fast);text-decoration:none;white-space:nowrap}.btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--medium{height:36px;padding:0 var(--space-4);font-size:var(--font-s)}.btn--small{height:32px;padding:0 var(--space-3);font-size:var(--font-xs)}.btn--large{height:48px;padding:0 var(--space-5);font-size:var(--font-m)}.btn--icon-only{border-radius:50%}.btn--icon-only.btn--medium{width:36px;padding:0}.btn--icon-only.btn--medium svg{width:18px;height:18px}.btn--icon-only.btn--small{width:32px;padding:0}.btn--icon-only.btn--large{width:48px;padding:0}.btn--primary{background-color:var(--accent);color:var(--accent-text);border-color:var(--accent)}.btn--primary:hover:not(:disabled){background-color:color-mix(in srgb,var(--accent) 90%,black);border-color:color-mix(in srgb,var(--accent) 90%,black)}.btn--secondary{background-color:var(--ui-200);color:var(--ui-800);border-color:var(--ui-300)}.btn--secondary:hover:not(:disabled){background-color:var(--ui-300)}.btn--ghost{background-color:transparent;color:var(--ui-700);border-color:transparent}.btn--ghost:hover:not(:disabled){background-color:var(--ui-200);color:var(--ui-800)}.btn--destructive{background-color:transparent;color:var(--color-error);border-color:transparent}.btn--destructive:hover:not(:disabled){background-color:#ef44441a}.btn--outline{background-color:transparent;color:var(--accent);border-color:var(--accent)}.btn--outline:hover:not(:disabled){background-color:var(--accent-highlight)}