body .arrows {
  position: relative;
  /**/
  position: absolute;
  top: 50%;
  left: 50%;
  /**/
  width: 25px;
  height: 25px;
  transform: translate(-50%, -50%);
}
body .arrows:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-left: 8.3333333333px solid rgba(255, 255, 255, 0.7);
  border-bottom: 8.3333333333px solid rgba(255, 255, 255, 0.7);
  transform: translate(8.3333333333px, 33.3333333333px) rotate(-45deg);
  animation: arrows 3s linear infinite;
}
body .arrows:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-left: 8.3333333333px solid rgba(255, 255, 255, 0.7);
  border-bottom: 8.3333333333px solid rgba(255, 255, 255, 0.7);
  transform: translate(16.6666666667px, 0px) rotate(-45deg);
  animation: arrows 3s linear infinite -1.5s;
}

@keyframes arrows {
  0% {
    border-left: 8.3333333333px solid rgba(0, 0, 0, 0);
    border-bottom: 8.3333333333px solid rgba(0, 0, 0, 0);
    transform: translate(-4.1666666667px, -16.6666666667px) rotate(-45deg);
  }
  10%, 90% {
    border-left: 8.3333333333px solid rgba(0, 0, 0, 0);
    border-bottom: 8.3333333333px solid rgba(0, 0, 0, 0);
  }
  50% {
    border-left: 8.3333333333px solid rgba(255, 255, 255, 0.7);
    border-bottom: 8.3333333333px solid rgba(255, 255, 255, 0.7);
    transform: translate(-4.1666666667px, 0px) rotate(-45deg);
  }
  100% {
    border-left: 8.3333333333px solid rgba(0, 0, 0, 0);
    border-bottom: 8.3333333333px solid rgba(0, 0, 0, 0);
    transform: translate(-4.1666666667px, 16.6666666667px) rotate(-45deg);
  }
}