Нужна помощь с позиционированием 2 кнопок

.sliderArrows {
  /* ↓↓↓ */
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* ↑↑↑ */
  height: 200px;
  background: gray;
}

<div class="sliderArrows">
  <a class="slideLeft" href="#"><img src="img/png/left.png" alt="left"></a>
  <a class="slideRight" href="#"><img src="img/png/right.png" alt="right"></a>
</div>

.sliderArrows {
  height: 200px;
  background: gray;
  /* ↓↓↓ */
  position: relative;
  /* ↑↑↑ */
}

.sliderArrows .slideLeft,
.sliderArrows .slideRight {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.sliderArrows .slideLeft {
  left: 0;
}

.sliderArrows .slideRight {
  right: 0;
}

<div class="sliderArrows">
  <a class="slideLeft" href="#"><img src="img/png/left.png" alt="left"></a>
  <a class="slideRight" href="#"><img src="img/png/right.png" alt="right"></a>
</div>