:root { --cta-button-width: 220px; }
#top .hero-register-button,
.floating-contact .floating-action {
  box-sizing: border-box;
  width: var(--cta-button-width) !important;
  min-width: 0 !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
  white-space: nowrap;
}
.floating-contact { width: var(--cta-button-width) !important; }
@media (max-width: 640px) {
  :root { --cta-button-width: min(220px, calc((100vw - 42px) / 2)); }
  .floating-contact {
    left: auto !important;
    right: 10px !important;
    width: calc(var(--cta-button-width) + var(--cta-button-width) + 7px) !important;
  }
  .floating-contact .floating-action { flex: 0 0 var(--cta-button-width); }
  #top .hero-register-button,
  .floating-contact .floating-action { padding-left: 8px !important; padding-right: 8px !important; }
  #top .hero-register-button { font-size: 16px !important; }
}
@media (max-width: 359px) {
  #top .hero-register-button { font-size: 14px !important; }
}