.text-3-cols-list {
  grid-column: 3 / span 10;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: max(var(--grid-gap), 5vw);
  grid-template-rows: repeat(3, auto);
}

.text-3-cols-item {
  text-align: center;
  display: grid;
  grid-row: 1 / span 3;
  grid-template-rows: subgrid;
  align-items: flex-start;
}

.text-3-cols.text-left .text-3-cols-item {
  text-align: left;
}

.text-3-cols-item-separator {
  align-self: stretch;
  height: 2px;
  background-color: var(--white);
  margin-block: 1em;
}

.text-3-cols-item-headline {
  margin: 0;
}

.text-3-cols-item-btn {
  margin-top: var(--s-sm);
}

@media (max-width: 1199.98px) {
  .text-3-cols-list {
    grid-column: 2 / span 12;
  }
}

@media (max-width: 767.98px) {
    .text-3-cols-list {
        grid-template-columns: 1fr;
        grid-template-rows: unset;
        gap: var(--s-md);
    }

    .text-3-cols-item {
        grid-row: unset;
        grid-template-rows: unset;
        max-width: min(100%, 50ch);
        justify-self: center;
    }
}

@media (max-width: 575.98px) {
}