/* ===== WhatsApp button: borde/ícono/texto verdes; hover verde sólido ===== */

/* Seleccionamos por clase Y por URL (por si el tema no usa .btn-whatsapp) */
.property-item a.btn-whatsapp,
.property-item a[href*="wa.me/"],
.property-item a[href*="api.whatsapp.com"] {
  border: 2px solid #25D366 !important;
  background: transparent !important;
  color: #25D366 !important;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  transition: all .2s ease-in-out;
}

/* Ícono a verde (FontAwesome / svg comunes) */
.property-item a.btn-whatsapp i,
.property-item a[href*="wa.me/"] i,
.property-item a[href*="api.whatsapp.com"] i,
.property-item a.btn-whatsapp svg,
.property-item a[href*="wa.me/"] svg,
.property-item a[href*="api.whatsapp.com"] svg {
  color: #25D366 !important;
  fill: #25D366 !important;
}

/* Hover: fondo verde, texto/ícono blancos */
.property-item a.btn-whatsapp:hover,
.property-item a[href*="wa.me/"]:hover,
.property-item a[href*="api.whatsapp.com"]:hover {
  background: #25D366 !important;
  color: #fff !important;
  border-color: #25D366 !important;
}
.property-item a.btn-whatsapp:hover i,
.property-item a[href*="wa.me/"]:hover i,
.property-item a[href*="api.whatsapp.com"]:hover i,
.property-item a.btn-whatsapp:hover svg,
.property-item a[href*="wa.me/"]:hover svg,
.property-item a[href*="api.whatsapp.com"]:hover svg {
  color: #fff !important;
  fill: #fff !important;
}

/* Por si el tema aplica un color por data-attr */
.property-item a[data-network="whatsapp"] {
  border-color: #25D366 !important;
  color: #25D366 !important;
}
.property-item a[data-network="whatsapp"]:hover {
  background: #25D366 !important;
  color: #fff !important;
}

/* Opcional: bordes redondeados como en tus demás botones */
.property-item a[href*="whatsapp"] { border-radius: 10px; }