.buttonneon{--green:#1bfd9c;letter-spacing:.06em;border:2px solid var(--green);color:var(--green);background:linear-gradient(90deg,#1bfd9c1a 1%,#0000 40% 60%,#1bfd9c1a 100%);border-radius:.6em;padding:.7em 2.7em;font-family:inherit;font-size:15px;line-height:1.4em;transition:all .3s;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #1bfd9c66,0 0 9px 3px #1bfd9c1a}.buttonneon:hover{color:#82ffc9;box-shadow:inset 0 0 10px #1bfd9c99,0 0 9px 3px #1bfd9c33}.buttonneon:before{content:"";background:linear-gradient(90deg,#0000 1%,#1bfd9c1a 40% 60%,#0000 100%);width:4em;height:100%;transition:transform .4s ease-in-out;position:absolute;top:0;left:-4em}.buttonneon:hover:before{transform:translate(15em)}.buttonneon.buttonneon-aqua{--green:#1be7ff;border-color:var(--green);color:var(--green);background:linear-gradient(90deg,#1be7ff1a 1%,#0000 40% 60%,#1be7ff1a 100%);box-shadow:inset 0 0 10px #1be7ff66,0 0 9px 3px #1be7ff1a}.buttonneon.buttonneon-aqua:hover{color:#82f7ff;box-shadow:inset 0 0 10px #1be7ff99,0 0 9px 3px #1be7ff33}.buttonneon.buttonneon-aqua:before{background:linear-gradient(90deg,#0000 1%,#1be7ff1a 40% 60%,#0000 100%)}.hover\:neon-live-class:hover{transition:box-shadow .3s;box-shadow:0 0 16px 2px #3af4ef,inset 0 0 8px 1px #01142b!important}