.hero_banner__goto_next {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    height: 80px;
    width: 50px;
    border: 1px solid #fff;
    border-radius: 40px;    
    cursor: pointer;
}

.hero_banner__goto_next .goto_next_icon {
    position: absolute;
    top: 20px;
    left: 23px;
    width: 0;
    height: 30px;
    border: 1px solid #fff;
    animation: jumpInfinite 1.6s infinite;    
}
.hero_banner__goto_next .goto_next_icon::after {
    content: " ";
    position: absolute;
    top: 12px;
    left: -8px;
    width: 16px;
    height: 16px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    border-radius: 2px;
    transform: rotateZ(45deg);
}

@keyframes jumpInfinite {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 20px;
  }
  100% {
    margin-top: 0;
  }
}