.kn-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:var(--p-border-width) solid transparent;border-radius:var(--radius-control);font-family:var(--font-body-family);font-weight:var(--p-font-weight-book);letter-spacing:var(--font-button-letter-spacing);text-transform:var(--font-button-transform);text-decoration:none;line-height:1;white-space:nowrap;cursor:pointer;min-height:var(--control-h, var(--size-control-md));gap:var(--control-gap, var(--space-inline-md));padding:0 var(--control-px, var(--control-pad-md));font-size:var(--control-fs, var(--control-font-md));--kn-button-fills: background-color var(--motion-hover-duration) var(--motion-hover-ease), color var(--motion-hover-duration) var(--motion-hover-ease), border-color var(--motion-hover-duration) var(--motion-hover-ease);transition:var(--kn-button-fills),transform var(--p-spring-snappy-settle) var(--p-ease-spring-snappy)}.kn-button:active:not(:disabled){transform:scale(var(--motion-press-scale));transition:var(--kn-button-fills),transform var(--motion-press-duration) var(--motion-hover-ease)}.kn-button--block{width:100%}.kn-button:disabled{opacity:.45;cursor:not-allowed}.kn-button:has(.kn-shortcut:last-child){padding-right:calc(var(--control-px, var(--control-pad-md)) / 2)}.kn-button--sm{--control-h: var(--size-control-sm);--control-px: var(--control-pad-sm);--control-fs: var(--control-font-sm);--control-gap: var(--space-inline-sm)}.kn-button--md{--control-h: var(--size-control-md);--control-px: var(--control-pad-md);--control-fs: var(--control-font-md)}.kn-button--lg{--control-h: var(--size-control-lg);--control-px: var(--control-pad-lg);--control-fs: var(--control-font-lg)}.kn-button:focus-visible{outline:calc(var(--p-border-width) * 2) solid var(--color-focus-ring);outline-offset:2px}.kn-button--primary{background:var(--color-btn-bg);color:var(--color-btn-text)}.kn-button--primary:hover{background:var(--color-btn-text);color:var(--color-btn-bg)}.kn-button--secondary{background:var(--color-surface-secondary);color:var(--color-text)}.kn-button--secondary:hover{background:var(--color-surface-secondary-hover)}.kn-button--outline{background:transparent;color:var(--color-text-muted);border-color:var(--color-border)}.kn-button--outline:hover{background:transparent;color:var(--color-text);border-color:var(--color-text-muted)}.kn-button--ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.kn-button--ghost:hover{background:transparent;color:var(--color-text)}.kn-button--danger{background:var(--color-btn-danger-bg);color:var(--color-btn-danger-text);border-color:var(--color-btn-danger-border)}.kn-button--danger:hover{background:color-mix(in srgb,var(--color-btn-danger-bg) 85%,black);border-color:color-mix(in srgb,var(--color-btn-danger-border) 85%,black)}