a.custom-cta-button {
  display: inline-block;
  /*background-color: var( --e-global-color-secondary );*/
  /*background: linear-gradient(120deg, rgb(75, 41, 153) 0%, rgb(87, 238, 241) 100%);*/
  /*box-shadow: 0 2px 6px rgb(87 238 241 / 0.5);*/
  margin-top: 15px;
  padding: 6px 14px;
  /*border-radius: 0px 0px 0px 0px;*/
  color: #fafaff !important;
}

.custom-cta-button:hover {
  filter: brightness(1.1);
}

.dettaglioservizi div.elementor-widget-image-box:hover {
  background-image: linear-gradient(46deg, var(--e-global-color-secondary) 0%, var(--e-global-color-accent) 100%);
  color: white;
}

/* Cambia colore testo interno al passaggio */
.dettaglioservizi div.elementor-widget-image-box:hover .elementor-image-box-description,
.dettaglioservizi div.elementor-widget-image-box:hover .custom-cta-button {
  color: white !important;
}

.dettaglioservizi div.elementor-widget-image-box:hover h3.elementor-image-box-title a {
	background: none !important;
	-webkit-background-clip: unset !important;
	-webkit-text-fill-color: white !important;
	color: white !important; /* fallback */
	cursor: pointer; /* opzionale */
}

/* Il bottone ha già il gradiente di background, quindi cambiamo solo il colore testo */
.dettaglioservizi div.elementor-widget-image-box:hover .custom-cta-button {
  background: transparent;
  color: white;
  transition: background 0.3s ease, color 0.3s ease;
}