.yl-global-hero-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

.yl-hero-whatsapp-button,
.service-whatsapp-button.yl-hero-whatsapp-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 44px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.5 !important;
  background: linear-gradient(135deg, #18a64a, #25d366) !important;
  border: 1px solid rgba(37, 211, 102, .45) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .14) !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

.yl-hero-whatsapp-button:hover,
.service-whatsapp-button.yl-hero-whatsapp-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, .20) !important;
  filter: brightness(1.03) !important;
}

.yl-hero-whatsapp-button:active,
.service-whatsapp-button.yl-hero-whatsapp-button:active {
  transform: scale(.97) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .18) !important;
}

.yl-hero-whatsapp-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  background: rgba(255,255,255,.18);
  font-size: 15px;
  line-height: 1;
}

@media (max-width: 700px) {
  .yl-global-hero-actions {
    gap: 8px;
  }

  .yl-hero-whatsapp-button,
  .service-whatsapp-button.yl-hero-whatsapp-button {
    width: 100% !important;
    max-width: 340px !important;
    min-height: 44px !important;
    font-size: 14px !important;
    padding: 10px 14px !important;
  }
}

@media print {
  .yl-hero-whatsapp-button,
  .service-whatsapp-button.yl-hero-whatsapp-button {
    display: none !important;
  }
}