JSFiddle - React, Tailwind, and code Playground

HTML

<div id="page">
    <a href="#">This is a long link that stretches over two lines</a>
</div>

CSS

#page a:link {
  background: -webkit-repeating-linear-gradient(top, #cade43, #8a953e) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: bold;
}

#page {
    background: black;
    width: 100px;
}