.mmp-hotline-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.7rem 1.1rem;
  border-radius: 999px;
  background: #0b1d39;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  line-height: 1.2;
  box-shadow: 0 8px 24px rgba(11, 29, 57, 0.25);
}

.mmp-hotline-btn:hover,
.mmp-hotline-btn:focus {
  color: #fff;
  opacity: 0.92;
  text-decoration: none;
}

.mmp-hotline-btn:focus-visible {
  outline: 2px solid #1c65d8;
  outline-offset: 3px;
}

.mmp-hotline-btn__icon {
  font-size: 1.1rem;
}

.mmp-hotline-btn__number {
  font-weight: 600;
  opacity: 0.9;
}

.mmp-hotline-btn--floating {
  position: fixed;
  right: 1.25rem;
  bottom: 1.25rem;
  z-index: 2147483000;
}

/*
 * GHL/LeadConnector chat stays above this button. The call button sits
 * under the chat bubble (closer to the bottom edge).
 */
body.mmp-hotline-floating #chat-widget,
body.mmp-hotline-floating #chat-widget-container,
body.mmp-hotline-floating [id*="chat-widget"],
body.mmp-hotline-floating iframe[src*="leadconnectorhq.com"],
body.mmp-hotline-floating iframe[src*="chat-widget"] {
  bottom: var(--mmp-hotline-chat-bottom, 5.75rem) !important;
}

body.mmp-hotline-floating .mm-back-to-top {
  right: auto;
  left: auto;
  bottom: 1.25rem;
  right: calc(1.25rem + 13.5rem);
}

@media (max-width: 782px) {
  .mmp-hotline-btn--floating .mmp-hotline-btn__number {
    display: none;
  }

  body.mmp-hotline-floating .mm-back-to-top {
    right: calc(1.25rem + 5.5rem);
  }
}