:root {
  --gap: 20px;
}

.px-textcolumns {
  container-type: inline-size;
}
.px-textcolumns .text {
  column-gap: var(--gap);
  column-count: 1;
}
@container (width >=768px) {
  .px-textcolumns .text-cols2 {
    column-count: 2;
  }
}
@container (width >=640px) {
  .px-textcolumns .text-cols3 {
    column-count: 2;
  }
}
@container (width >=768px) {
  .px-textcolumns .text-cols3 {
    column-count: 3;
  }
}
.px-textcolumns .button {
  margin-top: var(--gap);
}