.btn{border-radius:var(--radius);font-family:var(--font-sans);cursor:pointer;justify-content:center;align-items:center;gap:.375rem;padding-inline:0;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--sm{padding:.5rem;font-size:1.3rem}.btn--md{padding:.4375rem .875rem;font-size:1.2rem}.btn--primary{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.btn--primary:hover{color:#fff;background-color:#0000;text-decoration:underline}.btn--secondary{background:var(--card-bg);color:var(--foreground);border-color:var(--border-color)}.btn--ghost{color:var(--muted);text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}.btn--ghost:hover{color:var(--foreground);border:1px solid #fff;text-decoration:none}.btn--button-icon{border-radius:var(--radius);border:1px solid var(--border-color);background:0 0;padding:.5rem}.btn--button-icon:hover{background-color:var(--foreground);color:var(--background)}@media (max-width:48rem){.btn--sm{padding:.375rem .75rem;font-size:1.2rem}.btn--md{padding:.5rem 1rem;font-size:.9375rem}}