.elementor-854 .elementor-element.elementor-element-2d25e80d{overflow:hidden;}.elementor-854 .elementor-element.elementor-element-29c35b3{color:#7A7A7A;font-family:"Roboto", Sans-serif;font-weight:400;width:var( --container-widget-width, 104.182% );max-width:104.182%;--container-widget-width:104.182%;--container-widget-flex-grow:0;}/* Start custom CSS for text-editor, class: .elementor-element-29c35b3 */<div class="testo-container">
  <input type="checkbox" id="toggle" class="toggle-checkbox">
  <p class="testo">
    Questo è il testo visibile all'inizio. <span class="nascosto">Qui c'è il testo nascosto che verrà mostrato solo dopo aver cliccato su "Mostra di più". Puoi aggiungere tutto il contenuto che vuoi!</span>
  </p>
  <label for="toggle" class="toggle-label">Mostra di più</label>
</div>

<style>
/* Nascondi il checkbox */
.toggle-checkbox {
  display: none;
}

/* Stile del testo nascosto */
.testo .nascosto {
  display: none;
}

/* Quando il checkbox è attivato, mostra il testo nascosto */
.toggle-checkbox:checked ~ .testo .nascosto {
  display: inline;
}

/* Cambia il testo del pulsante (Mostra di più/Mostra di meno) */
.toggle-checkbox:checked ~ .toggle-label::after {
  content: " Mostra di meno";
}
.toggle-label::after {
  content: " Mostra di più";
}

/* Stile opzionale per il pulsante */
.toggle-label {
  color: blue;
  cursor: pointer;
  display: inline-block;
  margin-top: 10px;
}
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-07e9404 *//* Nascondi completamente il checkbox */
.toggle-checkbox {
  position: absolute; /* Posiziona il checkbox fuori dal flusso normale */
  width: 0;            /* Impedisce che il checkbox occupi spazio */
  height: 0;           /* Rende il checkbox inesistente visivamente */
  margin: 0;           /* Rimuove qualsiasi margine residuo */
  padding: 0;          /* Rimuove il padding */
  border: none;        /* Rimuove il bordo */
  background: transparent; /* Rende il background trasparente */
  visibility: hidden;  /* Nasconde completamente il checkbox */
  z-index: -1;         /* Metti il checkbox dietro tutti gli altri elementi */
}

/* Stile del testo nascosto */
.testo .nascosto {
  display: none;
}

/* Quando il checkbox è selezionato, mostra il testo nascosto */
.toggle-checkbox:checked ~ .testo .nascosto {
  display: inline;
}

/* Cambia il testo del pulsante (Mostra di più/Mostra di meno) */
.toggle-checkbox:checked ~ .toggle-label::after {
  content: " Mostra di meno";
}
.toggle-label::after {
  content: " Mostra di più";
}

/* Stile del pulsante (label) */
.toggle-label {
  color: blue;
  cursor: pointer;
  display: inline-block;
  margin-top: 10px;
}/* End custom CSS */