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