Text Underline Hover Effect

.undeline {
  background-image: linear-gradient(120deg, #ec008c,#fc6767 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.3em;
  background-position: 0 80%;
  transition: background-size 0.25s ease-in;
}

.undeline:hover {
  background-size: 100% 88% !important;
}