.swiper-container-wrapper {
  display: block;
  position: relative;
  width: 100%;
}

.swiper.subpage-carousel {
  padding-left: 5px;
  padding-right: 5px;
  margin: 0 50px;
  display: flex;
  align-items: stretch;
}

.swiper-button-next,
.swiper-button-prev {
  border: 1px solid var(--wp--preset--color--primary);
  border-radius: 3px;
  padding: 20px 5px;

  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--white);
}

/* Make the swiper wrapper align slides evenly */
.subpage-carousel .swiper-wrapper {
  display: flex;
  align-items: stretch !important;
}

.subpage-carousel .swiper-slide {
  height: auto;
}