.p-slider-group {
  --padding-navigation: 3rem;
}

.p-slider-group > .w153-pbd-element__inner--0 {
  position: relative;
}

.p-slider-group > .w153-pbd-element__inner--0 > .w153-pbd-element__inner--1 > div {
  box-sizing: border-box;
}

.p-slider-group > .w153-pbd-element__inner--0:not(.t-swiper) > .w153-pbd-element__inner--1 > div {
  display: none;
}

.p-slider-group > .w153-pbd-element__inner--0:not(.t-swiper) > .w153-pbd-element__inner--1 > :first-child {
  display: block;
}

.p-slider-group .swiper-button-prev,
.p-slider-group .swiper-button-next {
  width: calc(var(--padding-navigation) - 1.5rem);
  height: calc(var(--padding-navigation) - 1.5rem);
  background-image: url("/wp-content/themes/w153c-theme-oe/assets/img/icons/arrow-double-right-white.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  inset: auto auto 0.75rem 50%;
  transform: translateX(-50%) rotate(-90deg);
  margin: 0;
  opacity: 0.7;
  transition: var(--v-transition-default);
}

.p-slider-group .swiper-button-prev:hover,
.p-slider-group .swiper-button-next:hover {
  opacity: 1;
}

.p-slider-group .swiper-button-next {
  transform: translateX(-50%) rotate(90deg);
}

.p-slider-group .swiper-button-prev::after,
.p-slider-group .swiper-button-next::after {
  display: none;
}

.p-slider-group .swiper-button-disabled {
  display: none;
}

@media (min-width: 700px) {
  .p-slider-group .swiper-button-prev,
  .p-slider-group .swiper-button-next {
    left: 25%;
  }

  .p-slider-group--invert .swiper-button-prev,
  .p-slider-group--invert .swiper-button-next {
    left: auto;
    right: 25%;
    transform: translateX(50%);
  }

  .p-slider-group--invert .swiper-button-next {
    transform: translateX(50%) rotate(180deg);
  }
}

@media (min-width: 1100px) {
  .p-slider-group {
    --padding-navigation: 4rem;
  }

  .p-slider-group .swiper-button-prev,
  .p-slider-group .swiper-button-next {
    width: calc(var(--padding-navigation) - 2rem);
    height: calc(var(--padding-navigation) - 2rem);
    bottom: 1rem;
    left: 50%;
    transform: translateX(-15.5rem) rotate(-90deg);
  }

  .p-slider-group .swiper-button-next {
    transform: translateX(-15.5rem) rotate(90deg);
  }

  .p-slider-group--invert .swiper-button-prev,
  .p-slider-group--invert .swiper-button-next {
    left: auto;
    right: 50%;
    transform: translateX(15.5rem) rotate(-90deg);
  }

  .p-slider-group--invert .swiper-button-next {
    transform: translateX(15.5rem) rotate(90deg);
  }
}