.btn{justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;font-weight:600;transition:transform .15s,box-shadow .15s,background-color .15s,border-color .15s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--brand-teal-bright);outline-offset:2px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-sm{min-height:36px;padding:7px 16px;font-size:.84rem}.btn-md{min-height:42px;padding:10px 19px;font-size:.92rem}.btn-lg{min-height:48px;padding:13px 24px;font-size:1rem}.btn-primary{background:var(--brand-teal-bright);color:var(--text-on-brand);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--brand-teal-bright-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:color-mix(in srgb, var(--surface) 78%, transparent);color:var(--text);border-color:var(--border)}.btn-secondary:hover{border-color:var(--brand-teal-bright)}.btn-ghost{color:var(--text-muted);background:0 0}.btn[aria-expanded=true],.btn[aria-selected=true],.btn.active{background:var(--brand-teal-bright);color:var(--text-on-brand);border-color:var(--brand-teal-bright)}.btn[aria-expanded=true]:hover,.btn[aria-selected=true]:hover,.btn.active:hover{background:var(--brand-teal-bright-hover)}.btn-ghost:hover{background:color-mix(in srgb, var(--surface) 72%, transparent);border-color:var(--border);color:var(--text)}