/**
 * Pulsanti WhatsApp pubblici
 * Stile unico e riconoscibile per tutte le CTA WhatsApp del sito e di Giulia.
 */

body a.sdv-offer-whatsapp-link,
body a.gs-cruise-whatsapp-button,
body a.gs-cruise-post-lead-secondary,
body a.gs-site-whatsapp,
body a[href*="wa.me/" i]:not(.ab-item),
body a[href*="api.whatsapp.com" i]:not(.ab-item),
body a[href*="whatsapp.com/send" i]:not(.ab-item),
body a[href^="whatsapp:" i]:not(.ab-item) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
  min-width: 48px;
  min-height: 48px;
  padding: 11px 20px;
  border: 1px solid rgba(255, 255, 255, .34);
  border-radius: 999px;
  background: #25d366;
  color: #fff !important;
  font-family: inherit;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  text-decoration: none !important;
  text-shadow: 0 1px 1px rgba(0, 80, 38, .16);
  box-shadow: 0 9px 22px rgba(0, 92, 49, .26), inset 0 1px 0 rgba(255, 255, 255, .24);
  cursor: pointer;
  transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

body a.sdv-offer-whatsapp-link::before,
body a.gs-cruise-whatsapp-button::before,
body a.gs-cruise-post-lead-secondary::before,
body a.gs-site-whatsapp::before,
body a[href*="wa.me/" i]:not(.ab-item)::before,
body a[href*="api.whatsapp.com" i]:not(.ab-item)::before,
body a[href*="whatsapp.com/send" i]:not(.ab-item)::before,
body a[href^="whatsapp:" i]:not(.ab-item)::before {
  content: "";
  flex: 0 0 23px;
  width: 23px;
  height: 23px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M380.9 97.1C339-3.1 267.9 0 224.1 0 100.6 0 .2 100.2.2 223.6c0 39.4 10.3 77.7 29.9 111.5L0 445.2l112.9-29.6c32.4 17.7 68.9 27 106.1 27h.1c123.4 0 226.2-100.2 226.2-223.7 0-59.8-25.2-116-67.1-158.3zM224.1 405c-33.2 0-65.7-8.9-94-25.7l-6.7-4-67 17.6 17.9-65.4-4.4-6.9c-18.5-29.4-28.2-63.4-28.2-98.3 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-87 184.6-188.7 184.6zm101.2-138.5c-5.5-2.8-32.8-16.1-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.7-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3s19.9 53.7 22.6 57.4c2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.8-10.5-6.6z'/%3E%3C/svg%3E");
}

body a.sdv-offer-whatsapp-link:hover,
body a.gs-cruise-whatsapp-button:hover,
body a.gs-cruise-post-lead-secondary:hover,
body a.gs-site-whatsapp:hover,
body a[href*="wa.me/" i]:not(.ab-item):hover,
body a[href*="api.whatsapp.com" i]:not(.ab-item):hover,
body a[href*="whatsapp.com/send" i]:not(.ab-item):hover,
body a[href^="whatsapp:" i]:not(.ab-item):hover {
  border-color: rgba(255, 255, 255, .42);
  background: #1ebe5d;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 13px 28px rgba(0, 92, 49, .31), inset 0 1px 0 rgba(255, 255, 255, .28);
}

body a.sdv-offer-whatsapp-link:active,
body a.gs-cruise-whatsapp-button:active,
body a.gs-cruise-post-lead-secondary:active,
body a.gs-site-whatsapp:active,
body a[href*="wa.me/" i]:not(.ab-item):active,
body a[href*="api.whatsapp.com" i]:not(.ab-item):active,
body a[href*="whatsapp.com/send" i]:not(.ab-item):active,
body a[href^="whatsapp:" i]:not(.ab-item):active {
  transform: translateY(0);
  box-shadow: 0 6px 15px rgba(0, 92, 49, .24);
}

body a.sdv-offer-whatsapp-link:focus-visible,
body a.gs-cruise-whatsapp-button:focus-visible,
body a.gs-cruise-post-lead-secondary:focus-visible,
body a.gs-site-whatsapp:focus-visible,
body a[href*="wa.me/" i]:not(.ab-item):focus-visible,
body a[href*="api.whatsapp.com" i]:not(.ab-item):focus-visible,
body a[href*="whatsapp.com/send" i]:not(.ab-item):focus-visible,
body a[href^="whatsapp:" i]:not(.ab-item):focus-visible {
  outline: 4px solid rgba(37, 211, 102, .3);
  outline-offset: 4px;
}

@media (max-width: 720px) {
  body a.sdv-offer-whatsapp-link,
  body a.gs-cruise-whatsapp-button,
  body a.gs-cruise-post-lead-secondary,
  body a.gs-site-whatsapp,
  body .sdv-stack-actions a[href*="wa.me/" i] {
    width: 100%;
    min-height: 52px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body a.sdv-offer-whatsapp-link,
  body a.gs-cruise-whatsapp-button,
  body a.gs-cruise-post-lead-secondary,
  body a.gs-site-whatsapp,
  body a[href*="wa.me/" i]:not(.ab-item),
  body a[href*="api.whatsapp.com" i]:not(.ab-item),
  body a[href*="whatsapp.com/send" i]:not(.ab-item),
  body a[href^="whatsapp:" i]:not(.ab-item) {
    transition: none;
  }
}