/* arrows */
.arrow {

  background: none;
  border: none;
  font-size: medium;
  cursor: pointer;
}

.arrow-position {
  color: var(--white);
  z-index: 5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.arrow.prev {
  right: 20px
}

.arrow.next {
  left: 20px
}