:root {
  --gap: 60px;
}
.px-textcolumns {
  container-type: inline-size;
  margin: 0 auto;
}
.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);
}