.scroll_down {
  position: absolute;
  bottom: 40px;
  right: 40px;
  width: 4px;
  height: 100px;
  animation: scrollarrow 2s cubic-bezier(.19, 1, .22, 1) 1s infinite;
}

.scroll_down::before {
  content: "";
  position: absolute;
  bottom: 5px;
  right: -13px;
  width: 2px;
  height: 20px;
  background: #fff;
  transform: skewX(-51deg);
}

.scroll_down::after {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 0;
  width: 2px;
  height: 85px;
  background: #fff;
}

@keyframes scrollarrow {
  0%   { clip-path: inset(0 -15px 100% -2px); }
  25%  { clip-path: inset(0 -15px 0% -2px); }
  75%  { clip-path: inset(0 -15px 0% -2px); }
  100% { clip-path: inset(100% -15px 0% -2px); }
}