.animated-text-char {
  transition-property: color;
  transition-duration: .6s;
  transition-delay: var(--transition-delay);
  transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.animated-text {
  color: var(--animated-text-default-color, currentColor)
}

.animated-text.active-forced .animated-text-char {
  color: var(--animated-text-hover-color, #0065BD)
}

@media (hover: hover) and (pointer: fine) {
  .animated-text:not(.is-white):hover, .animated-text-container:hover .animated-text {
    transition: color .2s .4s cubic-bezier(.165, .84, .44, 1);
    color: var(--animated-text-hover-color, #0065BD) !important
  }

  .animated-text:not(.is-white):hover .animated-text-char, .animated-text-container:hover .animated-text-char {
    color: var(--animated-text-hover-color, #0065BD)
  }
}