.live-chat-button {
  padding: 11px 18px !important;
  border: 1px solid #e8c957 !important;
  background: #f8d96b !important;
  color: #17120b !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28) !important;
}

.live-chat-button:hover,
.live-chat-button:focus-visible {
  background: #f4cf4f !important;
  color: #17120b !important;
  transform: translateY(-1px);
}

.live-chat-button .query-indicator {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #17120b;
  color: transparent;
  font-size: 0;
  box-shadow: 0 0 0 0 rgba(23, 18, 11, 0.45);
  animation: query-beacon 1.65s ease-in-out infinite;
}

@keyframes query-beacon {
  0%, 42% {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(23, 18, 11, 0.45);
  }
  55%, 82% {
    opacity: 0.2;
    box-shadow: 0 0 0 6px rgba(23, 18, 11, 0);
  }
  100% {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(23, 18, 11, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .live-chat-button .query-indicator {
    animation: none;
  }
  .live-chat-button {
    transition: none;
  }
}