.sttc-wrapper {
  row-gap: 16px;
  background-color: var(--green-light);
  transform: skew(-3deg, 0deg);
}

.sttc-wrapper .content {
  padding: 40px;
  transform: skew(3deg, 0deg);
  min-height: 262px;
}

.sttc-wrapper > h1 {
  margin-block-start: 0;
  margin-block-end: 0;
}

.sttc-wrapper .sttc-text-wrapper p {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.6rem;
}

@supports (-webkit-touch-callout: none) and (not (translate: none)) {
  .sttc-wrapper > * ~ * {
    margin-top: 16px;
  }

  .sttc-wrapper .content > * ~ *:not(:last-child) {
    margin-top: 24px;
  }
}