.menu-link {
   position: relative;
   width: fit-content;

   &::before {
      content: "";
      position: absolute;
      bottom: -4px;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: cl("accent");
      transition: transform 0.2s ease-in;
      transform-origin: 100% 50%;
      transform: scale3d(0, 1, 1);
      color: #ffffff;
   }

   &:hover::before {
      transform-origin: 0 50%;
      transform: scale3d(1, 1, 1);
   }
}
