.btn{--btn-bg:var(--color-primary);--btn-fg:var(--color-white);--btn-border:transparent;--btn-hover-bg:var(--color-primary-hover);--btn-p-x:var(--space-50);--btn-p-y:var(--space-30);--btn-gap:var(--system-gap);--btn-height:var(--size-8);--btn-font-family:var(--system-font);--btn-font-size:var(--system-font-size);--btn-font-weight:var(--font-weight-semibold);--btn-line-height:var(--system-line-height);--btn-border-width:var(--system-border-width);--btn-radius:var(--system-radius);--btn-icon-size:var(--system-icon-size);display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap);white-space:nowrap;font-family:var(--btn-font-family);font-size:var(--btn-font-size);font-weight:var(--btn-font-weight);line-height:var(--btn-line-height);background:var(--btn-bg);color:var(--btn-fg);border:var(--btn-border-width) solid var(--btn-border);padding:var(--btn-p-y) var(--btn-p-x);height:var(--btn-height);border-radius:var(--btn-radius);outline:none;transition:background var(--system-transition),border-color var(--system-transition),opacity var(--system-transition);cursor:pointer;flex-shrink:0}.btn:hover{background:var(--btn-hover-bg)}.btn:focus-visible{border-color:var(--system-focus-ring);box-shadow:0 0 0 1px var(--system-focus-ring)}.btn:disabled{opacity:.5;pointer-events:none}.btn svg{width:var(--btn-icon-size);height:var(--btn-icon-size);pointer-events:none;flex-shrink:0}.btn[data-variant=outline],.btn[data-variant=secondary]{--btn-bg:var(--system-bg);--btn-fg:var(--system-fg);--btn-border:var(--system-border);--btn-hover-bg:var(--system-hover-bg)}.btn[data-variant=destructive]{--btn-bg:var(--color-destructive);--btn-fg:var(--color-destructive-foreground);--btn-border:var(--system-border);--btn-hover-bg:var(--color-destructive-hover)}.btn[data-variant=ghost]{--btn-bg:transparent;--btn-fg:var(--system-fg);--btn-border:transparent;--btn-hover-bg:var(--system-hover-bg)}.btn[data-variant=tertiary]{--btn-bg:transparent;--btn-fg:var(--color-primary);--btn-border:transparent;--btn-hover-bg:var(--system-hover-bg)}.btn[data-variant=link]{--btn-bg:transparent;--btn-fg:var(--system-fg);--btn-border:transparent;--btn-hover-bg:transparent;text-decoration-line:underline;text-underline-offset:4px}.btn[data-size=sm]{--btn-height:24px;--btn-p-x:8px;--btn-p-y:2px;--btn-gap:var(--space-20)}.btn[data-size=lg]{--btn-height:var(--size-10);--btn-p-x:var(--system-padding);--btn-p-y:var(--system-gap)}.btn[data-size=xs]{--btn-height:var(--size-7);--btn-p-x:var(--system-gap);--btn-p-y:var(--spacing-xs);--btn-font-size:var(--font-size-xs)}.btn[data-size=icon]{--btn-height:var(--size-10);width:var(--size-10);--btn-p-x:0;--btn-p-y:0}.btn[data-size=icon-md]{--btn-height:34px;width:34px;--btn-p-x:0;--btn-p-y:0}.btn[data-size=icon-sm]{--btn-height:var(--size-8);width:var(--size-8);--btn-p-x:0;--btn-p-y:0}.btn[data-size=icon-xs]{--btn-height:var(--size-6);width:var(--size-6);--btn-p-x:0;--btn-p-y:0}