.button-grid-container {
  display: inline-grid;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  grid-gap: 1rem;
  margin-top: 10px;
}

@media only screen and (width <= 1024px) {
  .button-grid-container--column-tablet {
    grid-auto-flow: row;
  }
}

@media only screen and (width <= 798px) {
  .button-grid-container--column-mobile {
    grid-auto-flow: row;
  }
}

.button-grid-container--column {
  grid-auto-flow: row;
}