@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:'Nunito', sans-serif}body{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#000}.container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.button-neon{position:relative;display:inline-block;padding:15px 30px;border:2px solid #0f0;margin:40px;text-transform:uppercase;font-weight:700;text-decoration:none;letter-spacing:2px;color:#ffffff;-webkit-box-reflect:below 0px linear-gradient(transparent, rgba(0,0,0,0.2));transition:1000ms;transition-delay:0ms}.button-neon__text{position:relative;z-index:9}.button-neon::before{content:'';position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:20px;height:2px;background-color:#0f0;box-shadow:5px -8px 0 #0f0, 5px 8px 0 #0f0;transition:width 1000ms, left 1000ms, height 500ms, box-shadow 500ms;transition-delay:0, 0, 0, 0}.button-neon::after{content:'';position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:20px;height:2px;background-color:#0f0;box-shadow:-5px -8px 0 #0f0, -5px 8px 0 #0f0;transition:width 1000ms, right 1000ms, height 500ms, box-shadow 500ms;transition-delay:0, 0, 0, 0}.button-neon:hover{color:#000000;transition:1000ms;transition-delay:1000ms;box-shadow:0 0 10px #0f0, 0 0 20px #0f0, 0 0 40px #0f0, 0 0 80px #0f0, 0 0 160px #0f0}.button-neon:hover::before{width:60%;height:100%;left:-2px;box-shadow:5px 0 0 #0f0, 5px 0 0 #0f0;transition:width 500ms, left 500ms, height 500ms, box-shadow 500ms;transition-delay:250ms, 500ms, 1000ms, 1100ms}.button-neon:hover::after{width:60%;height:100%;right:-2px;box-shadow:-5px 0 0 #0f0, -5px 0 0 #0f0;transition:width 500ms, right 500ms, height 500ms, box-shadow 500ms;transition-delay:250ms, 500ms, 1000ms, 1100ms}.button-neon_f-hr-80{filter:hue-rotate(80deg)}.button-neon_f-hr-160{filter:hue-rotate(160deg)}.button-neon_f-hr-280{filter:hue-rotate(280deg)}.button-neon_f-hr-320{filter:hue-rotate(320deg)}