animate-text {
  column-gap: 0.8rem;
  opacity: 0;
}

@media screen and (max-width: 749px) {
  animate-text {
    column-gap: 0.6rem;
  }
}

animate-text span {
  display: inline-block;
  opacity: 0;
  transition: none;
}

animate-text.show-letters span {
  opacity: 1;
  transition: opacity var(--duration-very-short);
}

animate-text.animation-ready {
  opacity: 1;
}

animate-text.revert-position-letters span {
  transform: none !important;
  transition: transform var(--duration-long);
  transition-delay: 0s !important;
}