Jeu Javascript | Transition et @Keyframe

Dans ce code qui suit, un ligne manque afin de rentre l'animation plus fluide et plus jolie. À toi de voir comment remédier à cela.

.mybutton{
  padding: 5px 10px;
  background-color: #f5576c;
  color: white;
  text-align: center;
  border:solid #f5576c 1px;
  
}
.mybutton:hover{
  color: #f5576c;
  background: none;
}
Mon lien