.layout--twocol-variable {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: 1fr;
  align-items: start;
}

@media (min-width: 48rem) {
  .layout--twocol-50-50 {
    grid-template-columns: 1fr 1fr;
  }
  .layout--twocol-33-67 {
    grid-template-columns: 1fr 2fr;
  }
  .layout--twocol-67-33 {
    grid-template-columns: 2fr 1fr;
  }
  .layout--twocol-25-75 {
    grid-template-columns: 1fr 3fr;
    gap: 4rem;
  }
  .layout--twocol-75-25 {
    grid-template-columns: 3fr 1fr;
  }
}

.lp-builder .layout--twocol-variable {
  align-items: stretch;
  gap: 1rem;
  margin-block: 1rem;

  > div {
    display: block;
    background-color: #f3f3f3;
    padding: 10px;
    border: 2px solid #929292;
  }
}