.link-underline {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    fill: none;
    stroke: #fff;
    stroke-width: 1px;
  }
  
  .link {
    cursor: pointer;
    font-size: 18px;
    position: relative;
    white-space: nowrap;
    width: auto;
    max-width: fit-content;
    overflow: hidden;
    font-family: lust-fine, sans-serif;
    padding: 3px 0;
  }
  
  .link::before,
  .link::after {
    position: absolute;
    width: 100%;
    height: 1px;
    background: currentColor;
    top: 100%;
    left: 0;
    pointer-events: none;
  }
  
  .link::before {
    content: '';
  }
  
  .link-underline {
    top: -8px;
    stroke-width: 2px;
    transition: transform 1s;
    transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
  }
  
  .link:hover .link-underline {
    transform: translate3d(-66.6%, 0, 0);
  }