.list-teasers-info {
  --image-height-override: 230px;
}
.list-teasers-info .teaser-info {
  font-size: var(--font-size-body-var);
}
.list-teasers-info__lower {
  padding-bottom: var(--section-spacing);
  position: relative;
}
.list-teasers-info__lower:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--colour-accent);
  height: calc(100% - var(--image-height-override));
}
.list-teasers-info__lower__content {
  position: relative;
  z-index: 1;
}
[class*=theme--] .list-teasers-info .list-teasers-info__title .title__pre, [class*=theme--] .list-teasers-info .list-teasers-info__title .title__main {
  color: inherit;
}
.list-teasers-info__lower__content__items {
  display: -webkit-flex;
  display: flex;
}
.list-teasers-info__lower__content__button {
  margin-top: 20px;
}
.list-teasers-info .teaser-info {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  background: var(--colour-neutral);
  color: var(--colour-title);
}
.list-teasers-info .teaser-info__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 100%;
  margin-top: 0;
  padding: var(--spacing);
}
.list-teasers-info .teaser-info__content__link {
  padding-top: var(--spacing-internal);
  margin-top: auto;
}
.list-teasers-info .slider-controls > div {
  position: absolute;
  z-index: 1;
  top: var(--image-height-override);
  transition: opacity 0.4s ease;
  -webkit-transform: translateY(-50%) rotate(0.001deg);
  transform: translateY(-50%) rotate(0.001deg);
}
.list-teasers-info .slider-controls > div:first-child {
  left: -15px;
}
.list-teasers-info .slider-controls > div:last-child {
  right: -15px;
}
.list-teasers-info .slider-controls > div[aria-disabled=true] {
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 768px) {
  .list-teasers-info {
    --image-height-override: 240px;
  }
  .list-teasers-info .slider-controls > div:first-child {
    left: -24px;
  }
  .list-teasers-info .slider-controls > div:last-child {
    right: -24px;
  }
}
@media (min-width: 992px) {
  .list-teasers-info {
    --image-height-override: 220px;
  }
}
@media (min-width: 1200px) {
  .list-teasers-info {
    --image-height-override: 230px;
  }
}