/* Reuse the supplied WhatsApp mark anywhere the old W stood for WhatsApp. */
.wa-mini,
.direct-contact a[href*="wa.me"] > b,
.chat-action > b,
.floating-wa > span {
  color: transparent;
  font-size: 0;
  background-image: url("/assets/whatsapp-white-icon.webp");
  background-repeat: no-repeat;
  background-position: center;
}

.wa-mini {
  border: 0;
  border-radius: 0;
  background-size: 21px 21px;
  flex: none;
}

.direct-contact a[href*="wa.me"] > b {
  border: 0;
  background-size: 25px 25px;
}

.chat-action > b {
  background-color: var(--red);
  background-size: 22px 22px;
}

.floating-wa > span {
  background-color: var(--red);
  background-size: 19px 19px;
}