.swiper-button-next,
.swiper-button-prev {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 25px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  color: var(--primary-color) !important;
  height: auto !important;
  width: auto !important;
  padding: 10px 14px;
  transition: all 0.3s ease;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 15px !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: var(--button-hover-bg-color) !important;
  color: var(--button-hover-text-color) !important;
}