.c-column-buttons {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: calc(var(--vw) * 16);
  padding-right: calc(var(--vw) * 16);
  margin-bottom: calc(var(--vw) * 80);
}

.c-column-buttons h2 {
  text-align: center;
  color: var(--black);
  font-weight: 700;
  margin-bottom: calc(var(--vw) * 24);
}

.c-column-buttons__grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: calc(var(--vw) * 20);
}

@media (min-width: 1024px) {
  .c-column-buttons {
    padding-left: calc(var(--vw) * 40);
    padding-right: calc(var(--vw) * 40);
  }
  .c-column-buttons__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: calc(var(--vw) * 20);
  }
}