.button01{--button01-accent:#f45a32;isolation:isolate;color:#ffffffc7;background:#0b0b0bb8;border:1px solid #f45a3273;width:fit-content;min-height:2.75rem;text-decoration:none;transition:border-color .24s,color .24s,transform .24s,opacity .48s;display:inline-flex;position:relative;overflow:hidden}.button01--ready:not(.button01--visible){opacity:0;transform:translateY(.65rem)}.button01--visible{opacity:1;animation:.36s .92s forwards button01-frame-out;transform:translateY(0)}.button01_bg,.button01_bg-mid,.button01_bg-right,.button01_bg-right-overlay{pointer-events:none;position:absolute;inset:0}.button01_bg-mid{background:var(--button01-accent);width:0;right:auto}.button01_bg-right,.button01_bg-right-overlay{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);width:5.5rem;display:grid;left:auto}.button01_bg-right-overlay{opacity:.75;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);width:2.5rem;transform:translate(100%)}.button01_bg-pixel{background:var(--button01-accent);opacity:0;transform:scale(.25)}.button01_inner{z-index:1;align-items:center;gap:.5rem;padding:.75rem 1rem;display:inline-flex;position:relative}.button01_text{letter-spacing:.11em;text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.6875rem;font-weight:500;line-height:1}.button01_mark{object-fit:contain;filter:drop-shadow(0 0 .35rem #f45a323d);flex:none;width:.7rem;height:.875rem;transition:transform .24s}.button01--visible .button01_bg-mid{animation:.68s cubic-bezier(.65,0,.35,1) .12s both button01-scan}.button01--visible .button01_bg-pixel{animation:button01-pixel .38s steps(2, end) calc(80ms + var(--index) * 48ms) both}.button01--visible .button01_bg-right-overlay{animation:.52s .38s both button01-overlay}.button01:hover,.button01:focus-visible{color:#fff;transform:translateY(-2px)}.button01:hover .button01_mark,.button01:focus-visible .button01_mark{transform:scale(1.08)}.button01:focus-visible{outline:2px solid var(--button01-accent);outline-offset:3px}@keyframes button01-scan{0%{opacity:.9;width:0}62%{opacity:.32;width:72%}to{opacity:0;width:100%}}@keyframes button01-pixel{0%{opacity:0;transform:scale(.25)}50%{opacity:.52;transform:scale(1)}to{opacity:0;transform:scale(.4)}}@keyframes button01-overlay{0%{opacity:.7;transform:translate(100%)}to{opacity:0;transform:translate(-240%)}}@keyframes button01-frame-out{0%{background-color:#0b0b0bb8;border-color:#f45a3273}to{background-color:#0000;border-color:#0000}}@media (prefers-reduced-motion:reduce){.button01,.button01_bg-mid,.button01_bg-pixel,.button01_bg-right-overlay,.button01_mark{transition-duration:.01ms!important;animation:none!important}.button01--ready{opacity:1;background-color:#0000;border-color:#0000;transform:none}}