.klico-button{--button-background:var(--action-primary);--button-background-hover:var(--action-primary-hover);--button-background-pressed:var(--action-primary-pressed);--button-border:transparent;--button-text:var(--text-inverse);justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--button-border);border-radius:var(--radius-control);background:var(--button-background);max-width:100%;color:var(--button-text);font-weight:var(--font-weight-medium);text-align:center;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);flex:none;margin:0;line-height:1;display:inline-flex;position:relative}.klico-button--small{min-height:var(--control-height-sm);padding:0 var(--space-3);font-size:var(--font-size-ui-sm)}.klico-button--medium{min-height:var(--control-height-md);padding:0 var(--space-4);font-size:var(--font-size-ui)}.klico-button--secondary{--button-background:var(--surface-primary);--button-background-hover:var(--surface-subtle);--button-background-pressed:var(--surface-pressed);--button-border:var(--border-control);--button-text:var(--text-primary)}.klico-button--ghost{--button-background:transparent;--button-background-hover:transparent;--button-background-pressed:transparent;--button-border:transparent;--button-text:var(--text-secondary)}.klico-button--danger{--button-background:var(--action-danger);--button-background-hover:var(--action-danger-hover);--button-background-pressed:var(--action-danger-pressed)}.klico-button:hover:not(:disabled){background:var(--button-background-hover)}.klico-button--ghost:hover:not(:disabled):not([aria-disabled=true]){color:var(--text-primary)}.klico-button:active:not(:disabled){background:var(--button-background-pressed);transform:translateY(1px)}.klico-button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.klico-button:disabled{cursor:not-allowed}.klico-button:disabled:not([data-loading=true]){opacity:var(--state-disabled-opacity)}.klico-button[aria-disabled=true]{cursor:not-allowed;opacity:var(--state-disabled-opacity);pointer-events:none}.klico-button[data-loading=true]{cursor:progress}.klico-button__content{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;transition:opacity var(--duration-fast) var(--ease-standard);display:inline-flex}.klico-button--link .klico-button__content{gap:var(--space-1)}.klico-button--link{text-decoration:none}.klico-button__content--hidden{opacity:0}.klico-button__icon{flex:none;width:16px;height:16px;display:inline-flex}.klico-button--small .klico-button__icon{width:14px;height:14px}.klico-button__icon>svg{width:100%;height:100%}.klico-button__spinner{border-radius:var(--radius-round);border:2px solid;border-right-color:#0000;width:16px;height:16px;animation:.7s linear infinite klico-button-spin;position:absolute}@keyframes klico-button-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.klico-button{transition:none}.klico-button:active:not(:disabled){transform:none}.klico-button__spinner{animation:none}}