A CodePen by Jorger.

index.html

<div id = 'circulo'>
  <b>Botón</b>
</div>

style.css

@-webkit-keyframes movimiento
{
  0%
  {
     left: 20px;
  }
  50%
  {
     background: blue;
     left: 300px;
  }
  100%
  {
     left: 20px;
     /*top: 100px;*/
  }
}
#circulo
{
  background: red;
  border-radius: 50px;
  color: white;
  height: 60px;
  left: 20px;
  padding-top: 40px;
  position: absolute;
  width: 100px; 
  text-align: center;
  text-shadow: 1px 1px 1px black;
  top:10px;
  -webkit-animation: movimiento 5s infinite;
}