.arrow {
  display: flex;
  justify-content: flex-end;
  position: fixed;
  padding: 0;
  opacity: 1;
  visibility: visible;
  transition: opacity, visibility, .25s ease-in-out;
  pointer-events: none;
}

.arrow > a {
  pointer-events: all;
}

@media (min-width: 1025px) {
  .arrow {
    bottom: 60px;
    right: 60px;
  }
}

@media (max-width: 1024px) {
  .arrow {
    bottom: 25px;
    right: 25px;
  }
}

.arrow--hidden {
  opacity: 0;
  visibility: hidden;
}

.arrow a:focus {
  outline: none;
}


@media (min-width: 1025px) {
  .arrow img {
    width: 90px;
  }
}

@media (max-width: 1024px) {
  .arrow img {
    width: 50px;
  }
}