@layer components{.button{justify-content:center;align-items:center;gap:var(--space-2);border:var(--hairline) solid transparent;border-radius:var(--radius-none);white-space:nowrap;cursor:pointer;text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);display:inline-flex}.button-md{height:var(--control-height);padding-inline:var(--space-6)}.button-sm{height:var(--control-height-sm);padding-inline:var(--space-4)}.button-solid{background:var(--invert-bg);color:var(--invert-fg)}.button-solid:hover{background:var(--hover);box-shadow:var(--hover-glow)}.button-outline{background:var(--bg);color:var(--ink);border-color:var(--line-strong)}.button-outline:hover,.button-outline:active{color:var(--hover);border-color:var(--hover);box-shadow:var(--hover-glow)}.button:disabled,.button[aria-disabled=true]{opacity:var(--disabled);cursor:not-allowed;pointer-events:none}}