<div class="wrap">
  <a href="">
Infineon and pmdtechnologies develop 3D depth-sensing technology for Magic Leap 2
                </a>
</div>

.wrap {
  width: 300px;
}
a {
  font-size: 24px;
  color: #000;
  text-decoration: none;
  background-image: linear-gradient(currentColor,currentColor);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 0 0.11em;
    background-clip: border-box;
    padding-bottom: 0.15em;
    margin-bottom: -0.15em;
    transition: background-size .4s,color .01s,transform .01s;
    will-change: background-size;
    transform: translateZ(0);
}
a:hover {
  background-size: 100% 0.11em;
    text-decoration: none;
}