.orbit-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;width:292px;max-width:100%;height:76px;padding:0 0 0 30px;background:#17191b;color:#f5f3ee;border:1px solid #777b80;border-radius:6px;font:500 20px/1 Arial,sans-serif;cursor:pointer;transition:transform .18s,border-color .3s; -webkit-tap-highlight-color:transparent}
@property --light-radius{syntax:'<length>';inherits:false;initial-value:0px}
.orbit-button::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:5px;--light-radius:0px;background:radial-gradient(ellipse at 100% 100%,#ffd09b 0%,#f78538 7%,#b7481c 25%,#792c17 53%,#45251e 80%,#302222 100%);mask-image:radial-gradient(circle at 100% 100%,#000 0%,#0000 100%);mask-size:0 0;mask-repeat:no-repeat;mask-position:right bottom;opacity:0;transition:--light-radius 1.3s cubic-bezier(.2,.65,.2,1),opacity .65s,mask-size 1.3s cubic-bezier(.2,.65,.2,1);pointer-events:none}
@supports(background:paint(something)){.orbit-button::before{mask-size:100% 100%;mask-image:radial-gradient(circle at 100% 100%,#000 max(0px,calc(var(--light-radius) - 130px)),#0000 var(--light-radius))}}
.orbit-button::after{content:"";position:absolute;inset:0;border-radius:5px;pointer-events:none;box-shadow:inset -1px -1px 1px #ffcb9580,8px 8px 24px -14px #ff742d;opacity:0;transition:opacity .9s}
.arrow{height:100%;width:72px;display:grid;place-items:center;border-left:1px solid #777b80;color:#ff652f;font-size:28px;transition:color .4s,border-color .4s}
.orbit{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none;border-radius:6px;transition:opacity .3s}
.orbit rect{fill:none;stroke:#ff672f;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:95 905;animation:orbit 4.5s linear infinite}
.orbit .tail-wide{stroke-dasharray:165 835;opacity:.13;stroke-width:4;filter:blur(3px)}
.orbit .tail{stroke-dasharray:110 890;opacity:.35;stroke-width:2;filter:blur(1px)}
.orbit .near{stroke-dasharray:45 955;opacity:.8}
.orbit .head{stroke:#ffe0bd;stroke-dasharray:1 999;stroke-width:3;filter:drop-shadow(0 0 4px #ff5d20)}
@keyframes orbit{to{stroke-dashoffset:1000}}
@media(hover:hover){.orbit-button:hover::before{--light-radius:460px;mask-size:100% 100%;opacity:1;transition-delay:.15s}.orbit-button:hover::after{opacity:1;transition-delay:.15s}.orbit-button:hover .arrow{color:#fff6e8;border-color:#ffffff22;transition-delay:.15s}.orbit-button:hover .orbit{opacity:.2;transition-delay:.15s}.orbit-button:hover{border-color:#ab7555}}
.orbit-button:focus-visible{outline:2px solid #ffa17c;outline-offset:7px}.orbit-button:focus-visible::before,.orbit-button:active::before{--light-radius:460px;mask-size:100% 100%;opacity:1}.orbit-button:focus-visible .arrow{color:white}.orbit-button:active{transform:scale(.98)}.note{font-size:13px}#status{min-height:24px;color:#ddd}
@media(prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important}.orbit{display:none}}