.text-animation {
  position: relative;
  text-decoration: none;
  cursor: pointer;
}

.text-animation::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background-color: #000;
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.text-animation:hover::after {
  width: 100%;
  left: 0;
  transform: translateX(0);
}