.animated-word {
  position: absolute;
  height: 1.15em;
  overflow: hidden;
  font-style: normal !important;
  text-decoration: none;
  transition: height ease-out 0.3s 0.3s, width ease-out 0.3s 0.3s, border-bottom-color step-end 0.3s;
  border-bottom-color: #be9956;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  padding: 0 0.1em;
}
@media screen and (max-width: 639px) {
  .animated-word {
    border-bottom-width: 0.1em;
  }
}
.animated-word--no-delay {
  transition-delay: 0s;
}
.animated-word--hidden {
  height: 0;
  border-bottom-color: transparent;
  transition: height ease-out 0.3s, width ease-out 0.3s, border-bottom-color step-end 0.3s;
}
/*
.animated-word:hover {
    transition-delay: 0s;
    height: 1.2em;
}
*/

.animated-word--start {
  border-bottom-color: #be9956;
  color: transparent;
  transition: none;
  height: 1.1em;
  width: 0px;
  border-bottom-width: 3px;
  padding: 0;
}
.animated-word--start .animated-word__arrow {
  visibility: hidden;
}
.animated-word--start-2 {
  height: 0;
  transition: width ease-out 0.3s 0s, height ease-out 0.3s 0.3s;
}
.animated-word__arrow {
  height: 0.4em;
  position: relative;
  top: -0.1em;
  display: none;
}