Link underline hover

.underline-link  {
    color:white;
    font-weight:bold;
    transition:0.3s;
}

.underline-link:hover  {
    color:white;
}


.underline-link a:after {
    position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 100%;
  left: 0;
  background: #fff;
  transition: transform 0.3s;
  transform: scaleX(0);
  transform-origin: right;
}

.underline-link a:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}