.splide__arrow {
  background: white;
  border: solid 2px var(--wp--preset--color--accent);
  height: 3rem;
  width: 3rem;
}
.splide__arrow--prev {
    left: -4.5rem;
}
.splide__arrow--next {
    right: -4.5rem;
}

@media (max-width: 823px) {
  .splide__arrow {
    opacity: 1;
    transform: translateY(-140%);
  }
  .splide__arrow--prev {
    left: -3.5rem;
  }
  .splide__arrow--next {
    right: -3.5rem;
  }
}

@media (max-width: 639px) {
  .splide__arrow--prev {
    left: -1.5rem;
  }
  .splide__arrow--next {
    right: -1.5rem;
  }
}