.head-to-head__selection-form { align-items: end; display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto; }

@media (max-width: 800px) {
  .head-to-head__selection-form { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
  .head-to-head__selection-form .head-to-head__button { grid-column: 1 / -1; width: 100%; }
}

@media (max-width: 600px) {
  .head-to-head__selection-form { align-items: stretch; grid-template-columns: 1fr; }
  .head-to-head__selection-form .head-to-head__versus { justify-self: center; }
}