/* Keep the hero callback CTA aligned with its neighboring messenger switch. */
#main .hero-callback {
  box-sizing: border-box;
  width: 230px;
  min-width: 230px;
  max-width: 100%;
  height: 54px;
  min-height: 54px;
  padding-inline: 20px;
  white-space: nowrap;
}

@media (max-width: 900px) {
  #main .hero-callback {
    width: 100%;
    min-width: 0;
    flex: none;
  }

  body.glonass-page #main .monitoring-hero .hero-callback {
    height: 48px;
    min-height: 48px;
  }
}