.byt-btn{cursor:pointer;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background var(--motion-fast) var(--ease-snappy), border-color var(--motion-fast) var(--ease-snappy), color var(--motion-fast) var(--ease-snappy), transform var(--motion-fast) var(--ease-snappy), box-shadow var(--motion-fast) var(--ease-snappy);background:0 0;border:none;justify-content:center;align-items:center;gap:.5em;margin:0;padding:0;text-decoration:none;display:inline-flex;position:relative}.byt-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.byt-btn:disabled,.byt-btn[aria-busy=true],.byt-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}a.byt-btn{text-decoration:none}.byt-btn__label{z-index:1;align-items:center;gap:.5em;display:inline-flex;position:relative}.byt-btn__trailing{line-height:1;display:inline-block}.byt-btn--storefront{font-family:var(--font-display);letter-spacing:var(--tracking-wider);text-transform:uppercase;border:2px solid #0000;border-radius:2px;padding:.85em 1.6em;font-size:1rem;font-weight:800;line-height:1}.byt-btn--storefront.byt-btn--sm{padding:.6em 1.2em;font-size:.85rem}.byt-btn--storefront.byt-btn--lg{padding:1em 2em;font-size:1.25rem}.byt-btn--storefront.byt-btn--primary{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary);box-shadow:6px 6px 0 0 var(--accent-secondary)}.byt-btn--storefront.byt-btn--primary:hover{box-shadow:8px 8px 0 0 var(--accent-secondary);transform:translate(-2px,-2px)}.byt-btn--storefront.byt-btn--primary:active{box-shadow:2px 2px 0 0 var(--accent-secondary);transform:translate(2px,2px)}.byt-btn--storefront.byt-btn--secondary{color:var(--text-primary);border-color:var(--text-primary);box-shadow:6px 6px 0 0 var(--accent-primary);background:0 0}.byt-btn--storefront.byt-btn--secondary:hover{background:var(--text-primary);color:var(--text-inverse);box-shadow:8px 8px 0 0 var(--accent-primary);transform:translate(-2px,-2px)}.byt-btn--storefront.byt-btn--ghost{color:var(--text-primary);letter-spacing:var(--tracking-wide);background:0 0;border-color:#0000}.byt-btn--storefront.byt-btn--ghost:hover{color:var(--accent-primary);text-shadow:0 0 12px var(--accent-primary)}.byt-btn--storefront.byt-btn--danger{background:var(--accent-bad);color:var(--text-primary);border-color:var(--accent-bad);box-shadow:var(--shadow-hard-black)}.byt-btn--storefront.byt-btn--danger:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #000}.byt-btn--ops{font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-weight:600;font-size:var(--type-mono-md);border:1px solid var(--accent-primary);border-radius:0;padding:.55em 1em;line-height:1}.byt-btn--ops.byt-btn--sm{font-size:var(--type-mono-sm);padding:.4em .75em}.byt-btn--ops.byt-btn--lg{font-size:var(--type-mono-lg);padding:.75em 1.5em}.byt-btn--ops.byt-btn--primary{background:var(--accent-primary-tint);color:var(--accent-primary)}.byt-btn--ops.byt-btn--primary:hover{background:var(--accent-primary);color:var(--text-inverse);box-shadow:var(--accent-primary-glow)}.byt-btn--ops.byt-btn--secondary{color:var(--text-secondary);border-color:var(--surface-border-strong);background:0 0}.byt-btn--ops.byt-btn--secondary:hover{color:var(--text-primary);border-color:var(--text-primary)}.byt-btn--ops.byt-btn--ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.byt-btn--ops.byt-btn--ghost:hover{color:var(--accent-primary)}.byt-btn--ops.byt-btn--danger{background:var(--accent-bad-tint);color:var(--accent-bad);border-color:var(--accent-bad)}.byt-btn--ops.byt-btn--danger:hover{background:var(--accent-bad);color:var(--text-inverse);box-shadow:var(--accent-bad-glow)}.byt-btn--bracketed{padding-inline:1.4em}.byt-btn__bracket{width:var(--bracket-size);height:var(--bracket-size);border-color:var(--bracket-color);pointer-events:none;border-style:solid;position:absolute}.byt-btn__bracket--tl{border-width:var(--bracket-thickness) 0 0 var(--bracket-thickness);top:-2px;left:-2px}.byt-btn__bracket--tr{border-width:var(--bracket-thickness) var(--bracket-thickness) 0 0;top:-2px;right:-2px}.byt-btn__bracket--bl{border-width:0 0 var(--bracket-thickness) var(--bracket-thickness);bottom:-2px;left:-2px}.byt-btn__bracket--br{border-width:0 var(--bracket-thickness) var(--bracket-thickness) 0;bottom:-2px;right:-2px}@media (prefers-reduced-motion:reduce){.byt-btn{transition:none}.byt-btn:hover{transform:none!important}}
