.square {
  width: 30px;
  height: 30px;
  background-color: #ff0072;
  border-radius: 10px;
  animation-name: loading;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

@keyframes loading {
  0% {
    transform: translate(0,0)
    rotate(0deg);
  }
  50% {
    transform: translate(70px,0) 
    rotate(360deg);
  }
  100% {
    transform: translate(0,0) 
    rotate(0deg);
  }
}