.btn-wrapper{display:inline-block;position:relative}.btn{--border-radius:9999px;--padding:4px;--transition:.4s;--button-color:#022c22;--highlight-color-hue:150deg;-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);border:1px solid #10b98133;justify-content:center;align-items:center;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(#0006,#0003);position:absolute;box-shadow:inset 0 -8px 8px -6px #0000,inset 0 -16px 16px -8px #0000,1px 1px 1px #ffffff1a,2px 2px 2px #ffffff0d,-1px -1px 1px #0003,-2px -2px 2px #0000001a}.btn:after{content:"";border-radius:inherit;pointer-events:none;background-image:linear-gradient(0deg,#fffc,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:#fff9;transition:color var(--transition),text-shadow var(--transition),opacity var(--transition);font-family:Poppins,sans-serif;font-size:.875rem;font-weight:600;animation:2s ease-in-out infinite letter-anim;display:inline-block;position:relative}@keyframes letter-anim{50%{text-shadow:0 0 3px #ffffff80;color:#fff}}.btn-svg{fill:#e8e8e8;filter:drop-shadow(0 0 2px #fff9);width:20px;height:20px;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;min-width:6em;height:24px;display:flex;position:relative}.txt-1,.txt-2{white-space:nowrap;gap:1px;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.txt-1{animation:1s ease-in-out forwards appear-anim}.txt-2{opacity:0;pointer-events:none}@keyframes appear-anim{0%{opacity:0}to{opacity:1}}.btn:focus .txt-1,.btn:active .txt-1{animation:.3s ease-in-out forwards opacity-anim}.btn:focus .txt-2,.btn:active .txt-2{animation:.3s ease-in-out reverse forwards opacity-anim}@keyframes opacity-anim{0%{opacity:1}to{opacity:0}}.btn:hover{border:solid 1px hsla(var(--highlight-color-hue),100%,80%,.4)}.btn:hover:before{box-shadow:0 -8px 8px -6px #ffffff1a inset,0 -16px 16px -8px hsla(var(--highlight-color-hue),100%,70%,.3)inset,1px 1px 1px #ffffff1a,2px 2px 2px #ffffff0d,-1px -1px 1px #0003,-2px -2px 2px #0000001a}.btn:hover:after{opacity:1}.btn:hover .btn-svg{fill:#fff;filter:drop-shadow(0 0 3px hsl(var(--highlight-color-hue),100%,70%));animation:none}.btn-letter:first-child{animation-delay:0s}.btn-letter:nth-child(2){animation-delay:80ms}.btn-letter:nth-child(3){animation-delay:.16s}.btn-letter:nth-child(4){animation-delay:.24s}.btn-letter:nth-child(5){animation-delay:.32s}.btn-letter:nth-child(6){animation-delay:.4s}.btn-letter:nth-child(7){animation-delay:.48s}.btn-letter:nth-child(8){animation-delay:.56s}.btn-letter:nth-child(9){animation-delay:.64s}.btn-letter:nth-child(10){animation-delay:.72s}