/* Reuse the homepage control: one label, shared typography, shape and colours. */
.city-page .city-intro .service-area-cta {
  flex-direction: row;
  gap: normal;
}
@media (max-width: 768px) {
  /* Match the homepage's 1rem section + 2rem container gutters when wrapping. */
  .city-page .city-intro .service-area-cta {
    max-width: min(100%, calc(100vw - 6rem));
  }
}