.btn{justify-content:center;align-items:center;gap:var(--space-2xs);cursor:pointer;border:none;font-family:inherit;font-weight:400;text-decoration:none;transition:filter .15s,border-color .15s,color .15s;display:inline-flex}.btn-primary{background-color:var(--ink-fixed);color:#fff}.btn-accent{background-color:var(--primary);color:#fff}.btn-secondary{background-color:var(--surface);color:var(--zinc-800);border:1.5px solid var(--zinc-200)}.btn-pill{background-color:var(--surface);color:var(--zinc-600);white-space:nowrap;flex-shrink:0}.btn-pill[aria-pressed=true]{background-color:var(--primary);color:#fff}.btn-text{text-align:left;color:var(--zinc-600);background:0 0;justify-content:flex-start;padding:0}.btn-xs{font-size:var(--body-xs);border-radius:999px;padding:.25rem .7rem}.btn-sm{font-size:var(--body-xs);border-radius:999px;padding:.4rem .9rem}.btn-md{font-size:calc((var(--body-xs) + var(--body-sm)) / 2);border-radius:999px;padding:.575rem 1.2rem}.btn-lg{font-size:var(--body-sm);border-radius:999px;padding:.75rem 1.5rem}.btn-full{width:100%;display:flex}.btn-link{text-underline-offset:2px;background:0 0;padding:0;text-decoration:underline}@media (hover:hover) and (pointer:fine){.btn-primary:hover,.btn-accent:hover{filter:brightness(.88)}.btn-secondary:hover{border-color:var(--primary)}.btn-pill:not([aria-pressed=true]):hover{background-color:var(--zinc-100);color:var(--zinc-800)}.btn-text:hover{color:var(--zinc-800);text-underline-offset:3px;text-decoration:underline}.btn-link:hover{color:var(--primary)}}