.button-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 48px;
  width: 100%;
  box-sizing: border-box;
}

.button-row > a.button-teal {
  flex: 0 1 calc((100% - 48px) / 3);
  box-sizing: border-box;
  text-align: center;
  margin: 0;
}

@media (max-width: 767px) {
  .button-row > a.button-teal {
    flex: 0 1 calc((100% - 24px) / 2);
  }
}

@media (max-width: 479px) {
  .button-row > a.button-teal {
    flex: 0 1 100%;
  }
}