transform: uppercase;
}

button:hover {
  color: #0c071e;
}

button span {
  transition: all 0.5s;
  z-index: -1;
}

button span:nth-child(1), 
button span:nth-child(2), 
button span:nth-child(3), 
button span:nth-child(4) {
  position: absolute;
  width: 100%;
  height: 15px;
  background-color: #edff00
}

button span:nth-child(1) {
  top: -100%;
  left: 0%;
  right: 0;
}

button:hover span:nth-child(1) {
  top: 0%;
}

button span:nth-child(2) {
  top: 10px;
  right: 100%;
}

button:hover span:nth-child(2)