.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-base);font-family:var(--font-base);font-weight:var(--font-weight-semibold);letter-spacing:.01em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;border:var(--stroke-sm) solid transparent;transition:background-color .15s ease,color .15s ease,border-color .15s ease,filter .15s ease}.button:focus-visible{outline:none;box-shadow:var(--shadow-focus-ring)}.button:disabled,.button[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.button.is-full-width{width:100%}.button-sm{height:2.25rem;padding:0 var(--space-3);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.button-md{height:3rem;padding:0 var(--space-4);font-size:var(--font-size-md);line-height:var(--line-height-md)}.button-lg{height:3.5rem;padding:0 var(--space-5);font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.button-primary{background-color:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.button-primary:hover{filter:brightness(1.08)}.button-primary:active{filter:brightness(.95)}.button-secondary{background-color:var(--secondary);color:var(--secondary-foreground);border-color:var(--secondary)}.button-secondary:hover{filter:brightness(1.08)}.button-muted{background-color:var(--muted);color:var(--foreground);border-color:var(--border)}.button-muted:hover{background-color:var(--card);border-color:var(--ring)}.button-outlined{background-color:transparent;color:var(--foreground);border-color:var(--border)}.button-outlined:hover{border-color:var(--foreground);background-color:rgba(255,255,255,.04)}.button-ghost{background-color:transparent;color:var(--muted-foreground);border-color:transparent}.button-ghost:hover{color:var(--foreground);background-color:rgba(255,255,255,.04)}.button-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.button-icon>svg{width:1.25rem;height:1.25rem;display:block}.button-sm .button-icon>svg{width:1rem;height:1rem}.button-lg .button-icon>svg{width:1.5rem;height:1.5rem}.button-label{display:inline-block}