/* База */
.hover-text {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: inherit;
  transition: color 0.3s ease;
}

/* если внутри есть span/a — тоже анимируем цвет */
.hover-text, 
.hover-text * {
  transition: color 0.3s ease;
}

/* линия-подчёркивание */
.hover-text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: #FF8000;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s ease;
}

/* наведение и активное состояние — жёстко задаём цвет */
.hover-text:hover,
.hover-text.active,
.hover-text:hover *,
.hover-text.active * {
  color: #FF8000 !important;
}

.hover-text:hover::after,
.hover-text.active::after {
  transform: scaleX(1);
}