Cacher is the code snippet organizer for pro developers

a {
  position: relative;
  
  &::before {
    content: "";
    width: 100%;
    height: 2px;
    background: #0071F5;
    position: absolute;
    top: calc(100% + 0.5rem);
    left: 0;
    transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.3s ease-in-out;
  }

  &:hover {
      &::before {
          transform-origin: bottom left;
          transform: scaleX(1);
      }
  }
  
}