/* CTA (button block): il wrapper .builder-el ha flex ma un solo figlio (<a>).
   Testo + icone stanno dentro il link: servono flex row sul <a>, non sul wrapper. */
.builder-el[data-block="button"] > a[data-block="button"],
.builder-el[data-block="button"] > a[role="button"] {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: inherit;
}

/* Il blocco testo ha di default width:100% nello store: dentro il link flex occupa tutta la riga e l’icona finisce sotto. */
.builder-el[data-block="button"] .builder-el[data-block="text"] {
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
  max-width: 100%;
}

.builder-el[data-block="button"] .builder-el[data-block="icon-block"] {
  flex: 0 0 auto;
}

/* Testo nel CTA: default inherit dal link. :where() = specificità 0 così non batte
   `.builder-el.el-xxx` del foglio revisione (es. color:#fff sulla `<a>` o sul testo). */
:where(.builder-el[data-block="button"] .builder-el[data-block="text"],
       .builder-el[data-block="button"] a [data-text-editable]) {
  color: inherit;
}