.hdc-wa {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 9999; /* above page content, below the cookie banner */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
  transition: transform 0.15s ease;
}
.hdc-wa:hover,
.hdc-wa:focus-visible {
  transform: scale(1.06);
  color: #fff;
}
.hdc-wa:focus-visible {
  outline: 3px solid #212121;
  outline-offset: 3px;
}
/* Clear the quick-link bar (880px and under) and the Book Appointment bar
   above it (650px and under), both fixed to the bottom, and on phones the
   chatbot's greeting bubble that sits just above them on the left */
@media (max-width: 880px) {
  .hdc-wa {
    bottom: 65px;
  }
}
@media (max-width: 650px) {
  .hdc-wa {
    left: 16px;
    bottom: 150px;
    width: 52px;
    height: 52px;
  }
}