JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<p>Text</p>
</div>

CSS

div {
  background: linear-gradient(#e66465, #9198e5);
  width: 200px;
  height: 200px;
  padding: 16px;
}

p {
  font-size: 20px;
  color: white;
  font-weight: bold;
  mix-blend-mode: plus-lighter;
}