/* ==========================================================================
   BOTTONI — modulo Button (la classe finisce sul tag <a>)
   Uso: "sy-btn sy-btn-blu" | "sy-btn sy-btn-ghost" | "sy-btn sy-btn-white" | "sy-btn sy-btn-whatsapp"
   ========================================================================== */

/* Reset dello stile Divi (bordo, icona freccia, padding animato in hover) */
body .et_pb_button.et_pb_module.sy-btn,
body .et_pb_button.et_pb_module.sy-btn:hover{
  display:inline-block;
  font-family:var(--sy-font);
  font-size:1rem;font-weight:600;letter-spacing:.02em;
  line-height:1.6 !important;
  padding:14px 30px;
  border:1px solid transparent;
  border-radius:var(--sy-r-btn);
  transition:filter .15s,background-color .15s,border-color .15s,color .15s !important;
}
body .et_pb_button.et_pb_module.sy-btn::after,
body .et_pb_button.et_pb_module.sy-btn::before{display:none !important;}

/* Blu pieno con sfumatura */
body .et_pb_button.et_pb_module.sy-btn-blu,
body .et_pb_button.et_pb_module.sy-btn-blu:hover{background:linear-gradient(180deg,#3fa8f8,#0b62b8);color:#fff;box-shadow:0 8px 28px rgba(47,157,244,.35);}
body .et_pb_button.et_pb_module.sy-btn-blu:hover{filter:brightness(1.12);}

/* Contorno (su sfondo scuro) */
body .et_pb_button.et_pb_module.sy-btn-ghost{background:transparent;border-color:#3c4c5e;color:#e6eef5;}
body .et_pb_button.et_pb_module.sy-btn-ghost:hover{background:transparent;border-color:var(--sy-blu);color:var(--sy-blu);}

/* Bianco */
body .et_pb_button.et_pb_module.sy-btn-white,
body .et_pb_button.et_pb_module.sy-btn-white:hover{background:#fff;color:var(--sy-blu-scuro);font-weight:700;}
body .et_pb_button.et_pb_module.sy-btn-white:hover{filter:brightness(.96);}

/* WhatsApp */
body .et_pb_button.et_pb_module.sy-btn-whatsapp,
body .et_pb_button.et_pb_module.sy-btn-whatsapp:hover{background:var(--sy-whatsapp);color:#fff;font-weight:700;box-shadow:0 8px 28px rgba(37,211,102,.25);}
body .et_pb_button.et_pb_module.sy-btn-whatsapp:hover{filter:brightness(1.08);}

/* Su sfondo chiaro il ghost diventa scuro */
.sy-hero-chiaro .et_pb_button.et_pb_module.sy-btn-ghost,
.sy-section-light .et_pb_button.et_pb_module.sy-btn-ghost,
.sy-section-alt .et_pb_button.et_pb_module.sy-btn-ghost,
.sy-section-grigio .et_pb_button.et_pb_module.sy-btn-ghost{border-color:#b9cbdc;color:#0f1722;}
.sy-hero-chiaro .et_pb_button.et_pb_module.sy-btn-ghost:hover,
.sy-section-light .et_pb_button.et_pb_module.sy-btn-ghost:hover,
.sy-section-alt .et_pb_button.et_pb_module.sy-btn-ghost:hover,
.sy-section-grigio .et_pb_button.et_pb_module.sy-btn-ghost:hover{border-color:var(--sy-blu);color:var(--sy-blu-testo);}

/* ---------- FILA DI BOTTONI · classe sul Group che contiene i Button ---------- */
.et_pb_module.sy-cta-row{
  --flex-direction:row;
  flex-wrap:wrap;justify-content:center;align-items:center;
  gap:16px;width:100%;
}
.et_pb_module.sy-cta-row.sy-left{justify-content:flex-start;}

/* ---------- LINK FRECCIA "Scopri →" · modulo Text ---------- */
.et_pb_module.sy-link-freccia a,
.et_pb_module.sy-link-freccia{color:var(--sy-blu-testo);font-weight:600;}
.et_pb_module.sy-link-freccia a:hover{text-decoration:underline;}