html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

@media (max-width: 639px) {
  .bg-gradient-hero > .max-w-7xl > .flex.items-center.justify-between {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.75rem;
  }

  .bg-gradient-hero > .max-w-7xl > .flex.items-center.justify-between > div {
    width: 100%;
  }

  .bg-gradient-hero > .max-w-7xl > .flex.items-center.justify-between > div:last-child {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .bg-gradient-hero > .max-w-7xl > .flex.items-center.justify-between > div:last-child a {
    justify-content: center;
    min-width: 0;
    white-space: nowrap;
  }

  section .bg-gradient-to-r.from-primary-600 .flex.gap-3.flex-shrink-0 {
    flex-wrap: wrap;
    width: 100%;
  }

  section .bg-gradient-to-r.from-primary-600 .flex.gap-3.flex-shrink-0 > a {
    flex: 1 1 10rem;
    justify-content: center;
    min-width: 0;
    text-align: center;
  }
}