[data-transition="letterize"],
[data-transition="letterize"][data-transition-targets-type="words"] .word,
[data-transition="letterize"]:not([data-transition-targets-type="words"]) .letter {
    opacity: 0;
}

[data-transition="letterize"].transition-init {
    opacity: 1;
}

[data-transition="letterize"] :is(.word, .letter) {
    display: inline-block;
}

[data-transition="letterize"] .word:not(:last-child) {
    padding-inline-end: .2em;
}

/* [data-transition="letterize"] .word:has(+ .word):after {
  content: "";
  display: inline-block;
  width: 0.2em
} */