/**------------ Swiper general  -----------*/

.swiper .swiper-button,
.swiper-arrows div {
  border: 2px solid var(--ast-global-color-0);
  border-radius: 100px;
  --my-size: clamp(26px, 1.6rem + 0.8vw, 48px) !important;
  width: var(--my-size);
  height: var(--my-size);
}

.swiper .swiper-button svg,
.swiper-arrows svg {
  display: none;
}

.swiper .swiper-button::after,
.swiper-arrows div::after {
  content: "";
  transform: translateX(2px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 45%;
  width: 40%;
  /*height: clamp(0.625rem, 0.564rem + 0.26vw, 0.875rem);*/
  background-image: url(/wp-content/themes/astra-impuls-child/img/icon-pfeil-rechts-slider.svg);
}

.swiper .swiper-button.swiper-button-prev::after,
.swiper-arrows .swiper-button-prev::after {
  transform: rotate(180deg) translateX(2px);
}

@media (max-width: 990px) {
  .swiper .swiper-button,
  .swiper-arrows div {
    --my-size: clamp(1.625rem, 1.091rem + 2.28vw, 2.5rem) !important;
    width: var(--my-size);
    height: var(--my-size);
  }

  .swiper .swiper-button,
  .swiper-arrows div {
    border: 1px solid var(--ast-global-color-0);
  }
  .swiper .swiper-button::after,
  .swiper-arrows div::after {
    transform: translateX(1px);
  }
}