@layer karibu.components{.k-button{--button-bg:transparent;--button-bg-hover:transparent;--button-bg-active:transparent;--button-fg:var(--color-text);--button-fg-hover:var(--button-fg);--button-border-color:transparent;--button-border-color-hover:var(--button-border-color);--button-height:var(--control-height-3);--button-padding-inline:var(--space-4);--button-gap:var(--space-2);--button-font-size:var(--font-size-3);--button-radius:var(--radius-4);justify-content:center;align-items:center;gap:var(--button-gap);min-height:var(--button-height);padding-block:0;padding-inline:var(--button-padding-inline);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);font-size:var(--button-font-size);color:var(--button-fg);text-align:center;white-space:nowrap;background-color:var(--button-bg);border:var(--border-width-1) solid var(--button-border-color);border-radius:var(--button-radius);cursor:pointer;appearance:none;transition:background-color var(--duration-2) var(--ease-standard),border-color var(--duration-2) var(--ease-standard),color var(--duration-2) var(--ease-standard);line-height:1.2;text-decoration:none;display:inline-flex}.k-button:hover:not(:disabled,.k-button--disabled){background-color:var(--button-bg-hover);border-color:var(--button-border-color-hover);color:var(--button-fg-hover)}.k-button:active:not(:disabled,.k-button--disabled){background-color:var(--button-bg-active)}.k-button:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.k-button__label{display:block}.k-button__icon{flex:none;justify-content:center;align-items:center;font-size:1.25em;display:inline-flex}.k-button__icon>*{width:1em;height:1em;display:block}.k-button--sm{--button-height:var(--control-height-2);--button-padding-inline:var(--space-3);--button-gap:var(--space-1);--button-font-size:var(--font-size-2);--button-radius:var(--radius-3)}.k-button--md{--button-height:var(--control-height-3);--button-padding-inline:var(--space-4);--button-font-size:var(--font-size-3)}.k-button--lg{--button-height:var(--control-height-4);--button-padding-inline:var(--space-5);--button-font-size:var(--font-size-4);--button-radius:var(--radius-5)}.k-button--icon-only{--button-gap:0;--button-padding-inline:0;aspect-ratio:1}.k-button--primary{--button-bg:var(--color-accent-solid);--button-bg-hover:var(--color-accent-solid-hover);--button-bg-active:var(--color-accent-solid-active);--button-fg:var(--color-accent-contrast)}.k-button--secondary{--button-bg-hover:var(--color-neutral-bg);--button-bg-active:var(--color-neutral-bg-active);--button-border-color:var(--color-border);--button-border-color-hover:var(--color-border-strong)}.k-button--ghost{--button-fg:var(--color-text-muted);--button-fg-hover:var(--color-text);--button-bg-hover:var(--color-neutral-bg);--button-bg-active:var(--color-neutral-bg-active)}.k-button--danger{--button-bg:var(--color-danger-solid);--button-bg-hover:var(--color-danger-solid-hover);--button-bg-active:var(--color-danger-solid-hover);--button-fg:var(--color-danger-contrast)}.k-button--full-width{width:100%;display:flex}.k-button--disabled,.k-button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}}