.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:var(--space-3) var(--space-6);border-radius:999px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-decoration:none;border:1px solid var(--color-gray-200);color:var(--color-gray-400);background:transparent;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:hover{color:var(--color-black);border-color:var(--color-gray-300)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn--primary{background:var(--color-black);color:var(--color-text-inverse);border-color:var(--color-black)}.btn--primary:hover{background:var(--color-gray-800);border-color:var(--color-gray-800)}.btn--secondary{background:transparent;color:var(--color-gray-400);border-color:var(--color-gray-200)}.btn--secondary:hover{color:var(--color-black);border-color:var(--color-gray-300)}