JSFiddle - React, Tailwind, and code Playground

HTML

<button>The quick brown fox (hover me)</button>
<button onclick="addText(this)">Click me</button>

CSS

button {
  color: white;
  display:block;
  font-size: 1.8em;
  background: red;
  font-weight: bold;
}

button:first-child:hover {
  filter: brightness(180%);
}

button:nth-of-type(2) {
  filter: brightness(180%);
}

JavaScript

function addText(button) {
	button.innerHTML = "The quick brown fox"
}