.underline-hover {
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none; /* если есть стандартное подчёркивание */
}

.underline-hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2;
  width: 80%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
  pointer-events: none; /* не мешает кликам */
}

.underline-hover:hover::after {
  transform: scaleX(1);
}