.news-slider-container {
   position: relative;
    width:100%;
    padding: 50px 0;
}


.swiper-news--button-next,
.swiper-news--button-prev {
  position: absolute;
  top: calc(50% - 20px);
  z-index: 10;
  width: 30px; 
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff!important;
  opacity: 0.7;
  transition: opacity 0.3s;
}

.swiper-news--button-prev {
  left: -3rem;
}

.swiper-news--button-next {
  right: -3rem;
}


.swiper-news--button-prev:hover,
.swiper-news--button-next:hover {
    opacity: 1;
}