/* Shared floating contact shortcut: same icon, position and motion as the home page. */
.site-chat {
  display: block;
  position: fixed;
  right: 100px;
  bottom: 55px;
  z-index: 5;
  color: #fafafa;
  opacity: .8;
  animation: site-chat-spin 10s linear infinite;
}

.site-chat svg {
  display: block;
  width: 75px;
  height: 75px;
  fill: #fafafa;
}

.site-chat:hover,
.site-chat:focus-visible { opacity: 1; }
.site-chat:focus-visible { outline: 2px solid currentColor; outline-offset: 8px; }

@media (max-width: 576px) {
  .site-chat { right: 20px; bottom: 25px; }
  .site-chat svg { width: 58px; height: 58px; }
}

@keyframes site-chat-spin {
  2%, 10% { transform: rotate(30deg); }
  6%, 14% { transform: rotate(-30deg); }
  8%, 16%, 100% { transform: rotate(0deg); }
}

@media (prefers-reduced-motion: reduce) {
  .site-chat { animation: none; }
}

/* Leave room below the return button for the fixed shortcut on the thank-you page. */
@media (max-width: 900px) {
  body.site-chat-thanks { overflow-y: auto; }
  .site-chat-thanks .bottom { padding-bottom: 165px; }
}
@media (max-width: 576px) {
  .site-chat-thanks .bottom { padding-bottom: 110px; }
}