.heading-default.text-animation--middle:before {
  transform: translate(100%, 0);
  transition: transform 0.6s cubic-bezier(0.4, 0, 1, 1);
  transition-delay: .15s;
}

.heading-default.text-animation--middle .text-animation__container,
.heading-default.text-animation--middle .text-animation__container span {
  transform: translate(0, 0);
}


@keyframes headingLinearX {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}