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

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

.text__wrapper {
  text-align: var(--text-align);
  background: var(--background-primary);
  color: var(--color-secondary);
}

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

@media (min-width: 992px) {
  .text__wrapper--padding-top {
    padding-top: var(--padding-top, 0);
  }

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

  .text__title {
    font-size: var(--font-size-h2);
  }
}