.slider-controls {
  justify-content: center;
}

.slider-controls__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--brand-muted);
  color: var(--brand);
  cursor: pointer;
  transition: background 0.3s ease, color 0.3s ease, opacity 0.3s ease;
}

.slider-controls__btn:hover {
  background: var(--brand);
}

.slider-controls__btn svg path{
  transition: fill 0.3s ease;
}

.slider-controls__btn:hover svg path{
  fill: var(--bg-white);
  transition: fill 0.3s ease;
}

.slider-controls__btn.swiper-button-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.slider-controls__pagination {
  position: static !important;
  width: fit-content !important;
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.slider-controls__pagination .swiper-pagination-bullet {
  margin: 0 !important;
  background: var(--brand-muted);
  width: .5rem;
  height: .5rem;
  opacity: 1;
}

.slider-controls__pagination .swiper-pagination-bullet-active {
  background: var(--brand) !important;
  width: .8rem;
  height: .8rem;
}