ul1{

    position: relative;

    display: flex;

    flex-direction: column;

    gap: 30px;

  }

  ul1 li1{

    position: relative;

    list-style: none;

  }

  ul1 li1 a{

    position: relative;

    font-size: 4em;

    text-decoration: none;

    line-height: 1em;

    letter-spacing: 2px;

    text-transform: uppercase;

    color: transparent;

    -webkit-text-stroke: 1px rgba(255,255,255,0.5);

  }

  ul1 li1 a::before{

    content: attr(data-text);

    position: absolute;

    color: var(--clr);

    width: 0;

    overflow: hidden;

    transition: 1s;

    border-right: 8px solid  var(--clr);

    -webkit-text-stroke: 1px  var(--clr);

  }

  ul1 li1 a:hover::before{

    width: 100%;

    filter: drop-shadow(0 0 25px var(--clr));

 }