.neon-button-wrapper{display:inline-block}.neon-button-wrap{position:relative;display:flex;align-items:center;justify-content:center;padding:10px}.neon-button{--radius:18px;outline:none;cursor:pointer;font-size:13px;background:transparent;border:0;position:relative;width:228px;height:64px;box-shadow:0 20px 40px -10px rgba(0,0,0,.6);border-radius:var(--radius)}.neon-button .glow{position:absolute;inset:0;box-shadow:0 0 200px 5px rgba(0,255,102,.4);pointer-events:none}.neon-button .glow:before{content:"";position:absolute;margin:auto;background:rgba(0,255,102,.05);border-radius:50%;filter:blur(50px);inset:0;height:500px;width:150px;transform:rotate(-45deg)}.neon-button .wave{position:absolute;width:100%;height:100%;inset:0;margin:auto;transition:all .3s linear}.neon-button .wave:after,.neon-button .wave:before{content:"";position:absolute;width:100%;height:100%;border:.5px solid rgba(0,255,102,.4);inset:0;filter:blur(2px);border-radius:30px}.neon-button:hover .wave:after{animation:wave 2.2s linear}@keyframes wave{0%,40%{transform:scale(1);opacity:0;box-shadow:0 0 30px 10px rgba(0,255,102,.2),inset 0 0 30px hsla(0,0%,100%,.1)}60%{transform:scale(1.2,1.5);opacity:1}to{transform:scale(1.6,2);opacity:0;box-shadow:0 0 30px rgba(0,255,102,.1)}}.neon-button .content{border-radius:var(--radius);overflow:hidden;padding:2px;box-shadow:inset 0 0 16px 6px #063,inset 0 -10px 10px -8px #0f6}.neon-button .content,.neon-button .glyphs{height:100%;background:#042;position:relative}.neon-button .glyphs{pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:1;gap:10px;border-radius:calc(var(--radius) * .85);font-weight:600;box-shadow:inset 0 0 16px 6px #063,0 0 10px 10px rgba(0,0,0,.2),inset 0 -10px 10px -8px #0f6;transition:all .3s ease;color:#e0ffe0}.neon-button .icon-1 svg{height:20px;width:auto;margin-top:2px}.neon-button .outline{position:absolute;overflow:hidden;inset:0;outline:none;border-radius:inherit;transition:all .4s ease}.neon-button .outline:before{content:"";position:absolute;inset:0;width:120px;height:300px;margin:auto;background:linear-gradient(90deg,transparent 0,#0f6 50%,transparent);animation:spin 1.7s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.neon-button .wrap-content{position:absolute;inset:0;z-index:1;transition:all .3s ease}.neon-button:active .wrap-content{transform:scale(.97,.96)}.neon-button .circuit{position:absolute;left:50%;top:50%;transform:translate(-50%);width:392px;height:auto;margin-top:-13px;pointer-events:none}.neon-button .bg{position:absolute;inset:-7px;border-radius:calc(var(--radius) * 1.35);z-index:1;overflow:hidden;box-shadow:0 20px 40px -10px rgba(0,0,0,.6)}.neon-button .bg:after,.neon-button .bg:before{content:"";position:absolute;inset:0;border-radius:calc(var(--radius) * 1.35)}.neon-button .bg:after{background:#000;box-shadow:inset 0 0 0 1px rgba(0,255,102,.4),inset -2px 0 0 -1px #0f6,inset 0 -2px 0 -1px rgba(0,255,102,.1)}.neon-button .bg .shine{transition:all .5s linear;color:rgba(0,255,102,.85)}.neon-button:active .bg .shine{color:hsla(0,0%,100%,.85)}.neon-button .bg .shine:before{content:"";position:absolute;z-index:2;background:currentColor;width:10px;height:10px;opacity:.3;left:0;right:0;bottom:0;margin:auto;border-radius:50%;filter:blur(2px);transform:translateY(0) scale(0);animation:shine 2.2s linear infinite}@keyframes shine{0%{transform:translateY(0) scale(0)}20%{transform:translateY(0) scale(25)}to{transform:translateY(-280px) scale(20,18)}}.neon-button .text span:before{color:#031;text-shadow:0 2px 3px #0f6}.neon-button:hover .text span:before{animation:char-in .7s ease calc(var(--i) * .03s)}@keyframes char-in{0%{opacity:0;transform:translateY(60%);filter:blur(20px);color:#031}30%{transform:translateY(-15%);opacity:1;filter:blur(1px);color:#0f6}60%{transform:translateY(5%);opacity:1;filter:blur(0)}to{transform:translateY(0);opacity:1}}.neon-button .circuit-path{opacity:.3;transition:opacity .4s linear}.neon-button:hover .circuit-path{opacity:1}.neon-button .circuit-path .circuit-side path{stroke-dasharray:200;stroke-dashoffset:200;animation:line-1 3s ease-in-out infinite;animation-delay:calc(var(--i) * .2s)}.neon-button .circuit-path .circuit-bottom path{stroke-dasharray:250;stroke-dashoffset:-250;animation:line-2 3s ease-in-out infinite;animation-delay:calc(var(--i) * .1s)}.neon-button:hover .circuit-path .circuit-bottom path,.neon-button:hover .circuit-path .circuit-side path{animation-duration:.6s;stroke-dashoffset:0;opacity:1;filter:drop-shadow(0 0 2px #00ff66)}@keyframes line-1{0%{stroke-dashoffset:200}to{stroke-dashoffset:-200}}@keyframes line-2{0%{stroke-dashoffset:-250}to{stroke-dashoffset:250}}