html,body{overflow-x:hidden}.btn-wrapper{position:relative;display:inline-block}.btn{--border-radius: 24px;--padding: 4px;--transition: .4s;--button-color: #101010;--highlight-color-hue: 210deg;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;padding:.5em .5em .5em 1.1em;font-family:Poppins,Inter,Segoe UI,sans-serif;font-size:1em;font-weight:400;background-color:var(--button-color);box-shadow:inset 0 1px 1px #fff3,inset 0 2px 2px #ffffff26,inset 0 4px 4px #ffffff1a,inset 0 8px 8px #ffffff0d,inset 0 16px 16px #ffffff0d,0 -1px 1px #00000005,0 -2px 2px #00000008,0 -4px 4px #0000000d,0 -8px 8px #0000000f,0 -16px 16px #00000014;border:solid 1px #fff2;border-radius:var(--border-radius);cursor:pointer;transition:box-shadow var(--transition),border var(--transition),background-color var(--transition)}.btn:before{content:"";position:absolute;top:calc(0px - var(--padding));left:calc(0px - var(--padding));width:calc(100% + var(--padding) * 2);height:calc(100% + var(--padding) * 2);border-radius:calc(var(--border-radius) + var(--padding));pointer-events:none;background-image:linear-gradient(0deg,#0004,#000a);z-index:-1;transition:box-shadow var(--transition),filter var(--transition);box-shadow:0 -8px 8px -6px #0000 inset,0 -16px 16px -8px #0000 inset,1px 1px 1px #fff2,2px 2px 2px #fff1,-1px -1px 1px #0002,-2px -2px 2px #0001}.btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;background-image:linear-gradient(0deg,#fff,hsl(var(--highlight-color-hue),100%,70%),hsla(var(--highlight-color-hue),100%,70%,50%),8%,transparent);background-position:0 0;opacity:0;transition:opacity var(--transition),filter var(--transition)}.btn-letter{position:relative;display:inline-block;color:#fff5;animation:letter-anim 2s ease-in-out infinite;transition:color var(--transition),text-shadow var(--transition),opacity var(--transition)}@keyframes letter-anim{50%{text-shadow:0 0 3px #fff8;color:#fff}}.btn-svg{flex-grow:1;height:24px;margin-right:.5rem;fill:#e8e8e8;animation:flicker 2s linear infinite;animation-delay:.5s;filter:drop-shadow(0 0 2px #fff9);transition:fill var(--transition),filter var(--transition),opacity var(--transition)}@keyframes flicker{50%{opacity:.3}}.txt-wrapper{position:relative;display:flex;align-items:center;min-width:6.4em}.txt-1,.txt-2{position:absolute;word-spacing:-1em}.txt-1{animation:appear-anim 1s ease-in-out forwards}.txt-2{opacity:0}@keyframes appear-anim{0%{opacity:0}to{opacity:1}}.btn:focus .txt-1{animation:opacity-anim .3s ease-in-out forwards;animation-delay:1s}.btn:focus .txt-2{animation:opacity-anim .3s ease-in-out reverse forwards;animation-delay:1s}@keyframes opacity-anim{0%{opacity:1}to{opacity:0}}.btn:focus .btn-letter{animation:focused-letter-anim 1s ease-in-out forwards,letter-anim 1.2s ease-in-out infinite;animation-delay:0s,1s}@keyframes focused-letter-anim{0%,to{filter:blur(0px)}50%{transform:scale(2);filter:blur(10px) brightness(150%) drop-shadow(-36px 12px 12px hsl(var(--highlight-color-hue),100%,70%))}}.btn:focus .btn-svg{animation-duration:1.2s;animation-delay:.2s}.btn:focus:before{box-shadow:0 -8px 12px -6px #fff3 inset,0 -16px 16px -8px hsla(var(--highlight-color-hue),100%,70%,20%) inset,1px 1px 1px #fff3,2px 2px 2px #fff1,-1px -1px 1px #0002,-2px -2px 2px #0001}.btn:focus:after{opacity:.6;-webkit-mask-image:linear-gradient(0deg,#fff,transparent);mask-image:linear-gradient(0deg,#fff,transparent);filter:brightness(100%)}.btn-letter:nth-child(1),.btn:focus .btn-letter:nth-child(1){animation-delay:0s}.btn-letter:nth-child(2),.btn:focus .btn-letter:nth-child(2){animation-delay:.08s}.btn-letter:nth-child(3),.btn:focus .btn-letter:nth-child(3){animation-delay:.16s}.btn-letter:nth-child(4),.btn:focus .btn-letter:nth-child(4){animation-delay:.24s}.btn-letter:nth-child(5),.btn:focus .btn-letter:nth-child(5){animation-delay:.32s}.btn-letter:nth-child(6),.btn:focus .btn-letter:nth-child(6){animation-delay:.4s}.btn-letter:nth-child(7),.btn:focus .btn-letter:nth-child(7){animation-delay:.48s}.btn-letter:nth-child(8),.btn:focus .btn-letter:nth-child(8){animation-delay:.56s}.btn-letter:nth-child(9),.btn:focus .btn-letter:nth-child(9){animation-delay:.64s}.btn-letter:nth-child(10),.btn:focus .btn-letter:nth-child(10){animation-delay:.72s}.btn-letter:nth-child(11),.btn:focus .btn-letter:nth-child(11){animation-delay:.8s}.btn-letter:nth-child(12),.btn:focus .btn-letter:nth-child(12){animation-delay:.88s}.btn-letter:nth-child(13),.btn:focus .btn-letter:nth-child(13){animation-delay:.96s}.btn:active{border:solid 1px hsla(var(--highlight-color-hue),100%,80%,70%);background-color:hsla(var(--highlight-color-hue),50%,20%,.5)}.btn:active:before{box-shadow:0 -8px 12px -6px #fffa inset,0 -16px 16px -8px hsla(var(--highlight-color-hue),100%,70%,80%) inset,1px 1px 1px #fff4,2px 2px 2px #fff2,-1px -1px 1px #0002,-2px -2px 2px #0001}.btn:active:after{opacity:1;-webkit-mask-image:linear-gradient(0deg,#fff,transparent);mask-image:linear-gradient(0deg,#fff,transparent);filter:brightness(200%)}.btn:active .btn-letter{text-shadow:0 0 1px hsla(var(--highlight-color-hue),100%,90%,90%);animation:none}.btn:hover{border:solid 1px hsla(var(--highlight-color-hue),100%,80%,40%)}.btn:hover:before{box-shadow:0 -8px 8px -6px #fffa inset,0 -16px 16px -8px hsla(var(--highlight-color-hue),100%,70%,30%) inset,1px 1px 1px #fff2,2px 2px 2px #fff1,-1px -1px 1px #0002,-2px -2px 2px #0001}.btn:hover:after{opacity:1;-webkit-mask-image:linear-gradient(0deg,#fff,transparent);mask-image:linear-gradient(0deg,#fff,transparent)}.btn:hover .btn-svg{fill:#fff;filter:drop-shadow(0 0 3px hsl(var(--highlight-color-hue),100%,70%)) drop-shadow(0 -4px 6px #0009);animation:none}.spinner{position:relative;width:105px;height:40px;display:flex;justify-content:center;align-items:center}.spinner span{position:absolute;top:calc(50% - 3.5px);width:35px;height:7px;background:#fff;animation:dominos 1s ease infinite;box-shadow:2px 2px 3px #000c;border-radius:2px}.spinner span:nth-child(1){left:70px;animation-delay:.125s}.spinner span:nth-child(2){left:60px;animation-delay:.3s}.spinner span:nth-child(3){left:50px;animation-delay:.425s}.spinner span:nth-child(4){left:40px;animation-delay:.54s}.spinner span:nth-child(5){left:30px;animation-delay:.665s}.spinner span:nth-child(6){left:20px;animation-delay:.79s}.spinner span:nth-child(7){left:10px;animation-delay:.915s}.spinner span:nth-child(8){left:0}@keyframes dominos{50%{opacity:.7}75%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}80%{opacity:1}}