title: Changing text color on 2 sides of diagonal gradient line in html
body: <p>Any idea on how to change text color for 2 parts of gradient line? For example here if I want the blue part of the text ('s', 'o' and a part of 'm') to be black?</p>
  
  <pre><code>.button{
     background: linear-gradient(140deg, #00C9FF 35%, transparent 35%);
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/B07sQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/B07sQ.png" alt="enter image description here"></a></p>