.cs-button{justify-content:center;align-items:center;gap:var(--cs-space-2);padding:var(--cs-space-3) var(--cs-space-5);border-radius:var(--cs-radius-md);font-family:inherit;font-size:var(--cs-text-sm);font-weight:var(--cs-weight-medium);cursor:pointer;transition:background var(--cs-duration-fast) var(--cs-ease-out), border-color var(--cs-duration-fast) var(--cs-ease-out), color var(--cs-duration-fast) var(--cs-ease-out), box-shadow var(--cs-duration-fast) var(--cs-ease-out), transform var(--cs-duration-fast) var(--cs-ease-out);border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex;position:relative}.cs-button:before{content:"";height:2.75rem;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.cs-button:active:not(:focus-visible){transform:translateY(1px)}.cs-button[data-size=sm]{padding:var(--cs-space-2) var(--cs-space-4);font-size:var(--cs-text-xs)}.cs-button[data-variant=primary]{background:var(--cs-accent);color:var(--cs-on-accent)}.cs-button[data-variant=primary]:hover{background:var(--cs-accent-hover);box-shadow:var(--cs-glow-accent)}.cs-button[data-variant=ghost]{color:var(--cs-fg);border-color:var(--cs-border-strong);background:0 0}.cs-button[data-variant=ghost]:hover{border-color:var(--cs-accent);color:var(--cs-accent)}.cs-button:focus-visible{outline:2px solid var(--cs-focus);outline-offset:2px}@media (forced-colors:active){.cs-button{border:1px solid canvastext}.cs-button[data-variant=primary]{forced-color-adjust:none;color:highlighttext;background:highlight}}