html .swiper {
  --swiper-navigation-size: 3rem;
  --swiper-theme-color: rgb(var(--color-foreground));
  --swiper-pagination-bullet-inactive-color: rgb(var(--color-foreground));
}

html .swiper-buttons-padding {
  padding-inline: calc( (var(--swiper-navigation-sides-offset,10px) * 2) + calc(var(--swiper-navigation-size)))!important;
}

html .swiper-button {
  display: flex!important;
  justify-content: center;
  align-items: center;
  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);
  border-radius: 100%;
  background: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
}

html .swiper-button:after {
  font-size: 1em;
}