.klyp-Button{justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-12);border:var(--bw-default) solid transparent;border-radius:var(--r-chip);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:var(--font-sans);font-size:var(--font-size-14);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--color-fg-primary);transition:background var(--duration-fast) var(--easing-standard), color var(--duration-fast) var(--easing-standard), border-color var(--duration-fast) var(--easing-standard), opacity var(--duration-fast) var(--easing-standard), filter var(--duration-fast) var(--easing-standard), transform var(--duration-fast) var(--easing-standard);background:0 0;margin:0;text-decoration:none;display:inline-flex;position:relative}.klyp-Button>svg{pointer-events:none;flex-shrink:0}.klyp-Button[data-size=xs]{gap:var(--space-4);padding:var(--space-4) var(--space-8);border-radius:var(--radius-sm);font-size:var(--font-size-12)}.klyp-Button[data-size=xs]>svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.klyp-Button[data-size=sm]{gap:var(--space-6);padding:var(--space-6) var(--space-10);border-radius:var(--radius-sm);font-size:var(--font-size-13)}.klyp-Button[data-size=sm]>svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.klyp-Button[data-size=md]>svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.klyp-Button[data-size=lg]{gap:var(--space-8);padding:var(--space-10) var(--space-16);border-radius:var(--radius-lg);font-size:var(--font-size-18)}.klyp-Button[data-size=lg]>svg{width:var(--icon-size-md);height:var(--icon-size-md)}.klyp-Button[data-size=xl]{gap:var(--space-8);padding:var(--space-12) var(--space-20);border-radius:var(--radius-lg);font-size:var(--font-size-20)}.klyp-Button[data-size=xl]>svg{width:var(--icon-size-lg);height:var(--icon-size-lg)}.klyp-Button[data-size=icon-xs]{width:var(--space-24);height:var(--space-24);border-radius:var(--radius-sm);padding:0}.klyp-Button[data-size=icon-xs]>svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.klyp-Button[data-size=icon-sm]{width:var(--space-28);height:var(--space-28);border-radius:var(--radius-sm);padding:0}.klyp-Button[data-size=icon-sm]>svg{width:var(--icon-size-xs);height:var(--icon-size-xs)}.klyp-Button[data-size=icon]{border-radius:var(--r-chip);width:36px;height:36px;padding:0}.klyp-Button[data-size=icon]>svg{width:var(--icon-size-sm);height:var(--icon-size-sm)}.klyp-Button[data-size=icon-lg]{border-radius:var(--radius-lg);width:44px;height:44px;padding:0}.klyp-Button[data-size=icon-lg]>svg{width:var(--icon-size-md);height:var(--icon-size-md)}.klyp-Button[data-focus-visible]{outline:var(--bw-emphasis) solid var(--color-ring);outline-offset:var(--bw-emphasis)}.klyp-Button[data-disabled]{opacity:var(--opacity-50);cursor:not-allowed}.klyp-Button[data-loading=true]{cursor:progress}.klyp-Button[data-pressed]:not([data-disabled]){transform:translateY(1px)}.klyp-Button[data-variant=primary]{background:var(--fx-gold-linear);color:var(--color-fg-inverse);border-color:#0000}.klyp-Button[data-variant=primary][data-hovered]:not([data-pressed]):not([data-disabled]){filter:brightness(1.1)}.klyp-Button[data-variant=primary][data-pressed]:not([data-disabled]){filter:brightness(.95)}.klyp-Button[data-variant=primary][data-disabled]{background:var(--color-accent-muted)}.klyp-Button[data-variant=secondary]{background:var(--color-bg-surface-solid);color:var(--color-fg-primary);border-color:var(--color-border-subtle)}.klyp-Button[data-variant=secondary][data-hovered]:not([data-pressed]):not([data-disabled]){background:color-mix(in oklch, var(--color-bg-surface-solid) 80%, white)}.klyp-Button[data-variant=secondary][data-pressed]:not([data-disabled]){background:color-mix(in oklch, var(--color-bg-surface-solid) 70%, black)}.klyp-Button[data-variant=outline]{background:var(--color-bg-root);color:var(--color-fg-primary);border-color:var(--color-border-default)}.klyp-Button[data-variant=outline][data-hovered]:not([data-pressed]):not([data-disabled]){background:var(--color-bg-surface);border-color:var(--color-border-strong)}.klyp-Button[data-variant=outline][data-pressed]:not([data-disabled]){background:var(--color-bg-surface-solid)}.klyp-Button[data-variant=ghost]{color:var(--color-fg-primary);background:0 0;border-color:#0000}.klyp-Button[data-variant=ghost][data-hovered]:not([data-pressed]):not([data-disabled]){background:var(--color-bg-surface)}.klyp-Button[data-variant=ghost][data-pressed]:not([data-disabled]){background:var(--color-bg-surface-solid)}.klyp-Button[data-variant=ghost][data-disabled]{color:var(--color-fg-muted)}.klyp-Button[data-variant=destructive]{background:linear-gradient(0deg, var(--color-status-danger) 0%, var(--color-status-danger-muted) 100%);color:var(--color-fg-primary);border-color:#0000}.klyp-Button[data-variant=destructive][data-hovered]:not([data-pressed]):not([data-disabled]){filter:brightness(1.1)}.klyp-Button[data-variant=destructive][data-pressed]:not([data-disabled]),.klyp-Button[data-variant=destructive][data-disabled]{background:var(--color-status-danger-muted)}.klyp-Button[data-variant=link]{color:var(--color-accent);background:0 0;border-color:#0000;padding-left:0;padding-right:0}.klyp-Button[data-variant=link][data-hovered]:not([data-disabled]){text-underline-offset:4px;text-decoration:underline}.klyp-Button__spinner{border:var(--bw-emphasis) solid currentColor;border-radius:var(--radius-full);width:1em;height:1em;animation:klyp-button-spin var(--duration-slow) linear infinite;margin-left:var(--space-4);border-right-color:#0000}@keyframes klyp-button-spin{to{transform:rotate(360deg)}}