.btn-wrapper{z-index:50;display:inline-block;position:relative}.btn{--border-radius:24px;--padding:4px;--transition:.4s;--button-color:#101010;--highlight-color-hue:281deg;-webkit-user-select:none;user-select:none;background-color:var(--button-color);border-radius:var(--border-radius);cursor:pointer;transition:box-shadow var(--transition),border var(--transition),background-color var(--transition),transform .2s cubic-bezier(.4,0,.2,1);border:1px solid #fff2;outline:none;justify-content:center;align-items:center;padding:12px 28px;display:flex;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}.btn:before{content:"";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;z-index:-1;transition:box-shadow var(--transition),filter var(--transition);background-image:linear-gradient(#000a,#0004);position:absolute;box-shadow:inset 0 -8px 8px -6px #0000,inset 0 -16px 16px -8px #0000,1px 1px 1px #fff2,2px 2px 2px #fff1,-1px -1px 1px #0002,-2px -2px 2px #0001}.btn:after{content:"";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);opacity:0;transition:opacity var(--transition),filter var(--transition);background-position:0 0;position:absolute;inset:0}.btn-letter{color:#fff5;transition:color var(--transition),text-shadow var(--transition),opacity var(--transition);letter-spacing:.05em;font-family:inherit;font-size:1.25rem;font-weight:900;animation:2s ease-in-out infinite letter-anim;display:inline-block;position:relative}@keyframes letter-anim{50%{text-shadow:0 0 3px #fff8;color:#fff}}.btn-svg{fill:#e8e8e8;filter:drop-shadow(0 0 2px #fff9);width:24px;height:24px;transition:fill var(--transition),filter var(--transition),opacity var(--transition);margin-right:.75rem;animation:2s linear .5s infinite flicker}@keyframes flicker{50%{opacity:.3}}.txt-wrapper{align-items:center;display:flex;position:relative}.btn:hover{border:solid 1px hsla(var(--highlight-color-hue),100%,80%,.4)}.btn:hover:before{box-shadow:0 -8px 8px -6px #fffa inset,0 -16px 16px -8px hsla(var(--highlight-color-hue),100%,70%,.3)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(#0000,#fff);mask-image:linear-gradient(#0000,#fff)}.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}.btn:active{transform:scale(.95)}.btn-letter:first-child{animation-delay:0s}.btn-letter:nth-child(2){animation-delay:.1s}.btn-letter:nth-child(3){animation-delay:.2s}.btn-letter:nth-child(4){animation-delay:.3s}.btn-letter:nth-child(5){animation-delay:.4s}.btn-letter:nth-child(6){animation-delay:.5s}.btn-letter:nth-child(7){animation-delay:.6s}