.pills {
  position: relative;
  overflow-x: hidden;
  cursor: pointer;
}
.pills .swiper-slide {
  width: auto !important;
}
.pills .slider-button {
  position: absolute;
  left: 0;
  transform: translate(8px, -50%);
  opacity: 0;
  transition: var(--transition) opacity;
  pointer-events: none;
  z-index: 1;
}
.pills .slider-button--next {
  left: auto;
  right: 0;
  transform: translate(-8px, -50%);
}
.pills .slider-button-disabled {
  opacity: 0;
}
@media (max-width: 1024px) {
  .pills .slider-button {
    display: none;
  }
}
.pills:has(.swiper-button-disabled) {
  cursor: auto;
}
@media (hover: hover) {
  .pills:hover .slider-button:not(.swiper-button-disabled) {
    opacity: 1;
    pointer-events: all;
  }
}
.pills .slider-button {
  top: 50%;
}