style2.css

*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
body {
display: flex;
justify-content :center;
align-items: center;
height :100vh;
background: black;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-weight: bold;
}
a {
position: relative;
display: inline-block;
padding : 20px 30px;
margin : 40px 0;
color: aqua;
text-decoration : none;
text-transform: uppercase;
transition : 0.5s;
letter-spacing:4px;
overflow: none;
margin-right: 50px;
}

a:hover {
    background:turquoise;
    color:black;
    box-shadow : 0 0 5px turquoise, 0 0 25px turquoise,0 0 50px turquoise, 0 0 200px turquoise;
    -wedkit-box-reflect: below 1px linear-gradient(transparent , black);
}
a:nth-child(1){
  filter : hue-rotate(270deg);
}

a:nth-child(2){
    filter : hue-rotate(101deg);
  }

  a span {
      position : absolute;
      display : block;
  }
  a span:nth-child(1){
     top :0;
     left :0;
     width :100%;
     height : 2px;
     background:linear-gradient (90deg, transparent, aqua);
     animation: animate1 1s infinite;
  }
  @keyframes animate1{

0%{
    left : -100%;
}
50%,
100%{
     left :100%;
}
  }