如何更改Vue Awesome Swiper Js Slider Controls对齐方式的对齐方式

Question

我想将滑动控件对齐到屏幕的底部中心。

我尝试了以下CSS无效。

HTML代码

<div class="swiper-button-prev" slot="button-prev"></div>
<div class="swiper-button-next" slot="button-next"></div>

CSS代码

.swiper-button-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
}
.swiper-button-next {
  display: flex;
  justify-content: center;
  align-items: center;
  color: black;
}

我希望滑块的控件像这样<>