/* WhatsApp contact actions, shared by pages and the chat shadow root. */
a[href][href]:is([href^="https://wa.me/"], [href^="https://api.whatsapp.com/"], [href^="https://web.whatsapp.com/"], [href^="whatsapp://"]) {
  background: #25d366 !important;
  color: #063b23 !important;
  border-color: #1cbe59 !important;
  box-shadow: 0 3px 10px #25d36630 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 10px;
  gap: 8px;
}
a[href][href]:is([href^="https://wa.me/"], [href^="https://api.whatsapp.com/"], [href^="https://web.whatsapp.com/"], [href^="whatsapp://"])::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  vertical-align: middle;
  background: currentColor;
  -webkit-mask: url('/assets/coco-whatsapp-20261021.svg') center / contain no-repeat;
  mask: url('/assets/coco-whatsapp-20261021.svg') center / contain no-repeat;
}
a[href][href]:is([href^="https://wa.me/"], [href^="https://api.whatsapp.com/"], [href^="https://web.whatsapp.com/"], [href^="whatsapp://"]) :is(small, span, strong) {
  color: inherit !important;
}
@media (hover: hover) {
  a[href][href]:is([href^="https://wa.me/"], [href^="https://api.whatsapp.com/"], [href^="https://web.whatsapp.com/"], [href^="whatsapp://"]):hover {
    background: #20c45d !important;
    box-shadow: 0 4px 13px #25d36645 !important;
  }
}
a[href][href]:is([href^="https://wa.me/"], [href^="https://api.whatsapp.com/"], [href^="https://web.whatsapp.com/"], [href^="whatsapp://"]):focus-visible {
  outline: 3px solid #075e36 !important;
  outline-offset: 3px;
}