.btn-row,
.hero-actions,
.migration-actions,
.centered-actions,
.legal-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 16px;
}

.centered-actions,
.btn-row.center {
  justify-content: center;
}

@media (max-width: 600px) {
  .btn-row,
  .hero-actions,
  .migration-actions,
  .centered-actions,
  .legal-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .btn-row .btn,
  .hero-actions .btn,
  .migration-actions .btn,
  .centered-actions .btn,
  .legal-actions .btn {
    width: 100%;
  }
}