.content-slider__slider {
  --sliderPaginationColor: var(--color-light);
}
.content-slider__slider .slider__pagination {
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 20px;
}

.content-slider__slide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
}

.content-slider__media,
.content-slider__content {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  margin-right: var(--contentBelowSlide, -100%);
}

.content-slider__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-slider__content {
  display: -ms-flexbox;
  display: flex;
  padding: var(--slidePadding, 0 0 0 0);
}
.content-slider__content h2 {
  color: var(--headingColor);
  font-family: var(--headingFontFamily, var(--h2-font-family));
  font-size: clamp(var(--headingFontSizeMin, var(--h2-font-size-min)), calc((var(--headingFontSizeMax, var(--h2-font-size-max)) - var(--headingFontSizeMin, var(--h2-font-size-min))) / (1350px - 576px)) * 100vw + calc(var(--headingFontSizeMin, var(--h2-font-size-min)) - calc((var(--headingFontSizeMax, var(--h2-font-size-max)) - var(--headingFontSizeMin, var(--h2-font-size-min))) / (1350px - 576px)) * 576px), var(--headingFontSizeMax, var(--h2-font-size-max)));
  font-weight: var(--headingFontWeight, var(--h2-font-weight));
}

.content-slider__content-inner {
  background: var(--contentBackground);
  border-radius: var(--contentBorderRadius);
  color: var(--contentColor);
  margin: var(--contentPosition, auto 0 0 auto);
  padding: clamp(20px, calc((50px - 20px) / (1350px - 576px)) * 100vw + calc(20px - calc((50px - 20px) / (1350px - 576px)) * 576px), 50px);
  text-align: var(--contentAlignment, center);
  width: var(--contentWidth, auto);
}

.content-slider__buttons {
  margin-top: 30px;
}