.cta__wrapper {
  height: 100%;
  position: relative;
  min-height: var(--min-height-mobile);
  display: flex;
  align-items: var(--align-items);
  justify-content: center;
  background: var(--background-primary);
}

.cta__wrapper > .cta__container,
.cta__wrapper > .cta__text-area {
  position: relative;
  z-index: 1;
}

.cta__container .cta__wrapper {
  padding-right: var(--horizontal-padding-mobile);
  padding-left: var(--horizontal-padding-mobile);
  overflow: hidden;
  border-radius: var(--border-radius-rounded-blocks);
}

.cta__wrapper--padding-top {
  padding-top: var(--padding-top-mobile, 0);
}

.cta__wrapper--padding-bottom {
  padding-bottom: var(--padding-bottom-mobile, 0);
}

.cta__content {
  color: var(--color-primary);
}

.cta__text-area {
  text-align: center;
}

.cta__buttons {
  margin: 40px 0 calc(-1 * var(--button-margin-bottom));
}

.cta__button {
  margin-left: 8px;
  margin-right: 8px;
}

.cta__vision {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.cta__vision--overlay:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--background-overlay);
  opacity: var(--opacity-overlay);
}

.cta__image {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.cta__tag-image {
  margin: 0 auto 40px;
}

.cta__image-wrapper {
  height: 100%;
}

@media (min-width: 992px) {
  .cta__wrapper {
    min-height: var(--min-height);
  }

  .cta__wrapper--padding-top {
    padding-top: var(--padding-top, 0);
  }

  .cta__wrapper--padding-bottom {
    padding-bottom: var(--padding-bottom, 0);
  }

  .cta__title {
    font-size: var(--font-size-h2);
    margin-bottom: 34px;
  }

  .cta__buttons {
    margin-top: 0;
  }
}

@media (min-width: 1200px) {
  .cta__container .cta__wrapper {
    padding-right: var(--horizontal-padding);
    padding-left: var(--horizontal-padding);
  }
}