JSFiddle - React, Tailwind, and code Playground

HTML

<button>
  When focused, my bgcolor turns red!<br />
  But  when clicked, where my bgcolor  turns #b0bfc6
</button>

CSS

button { font-weight: normal; color: black; }
  button:focus { 
  background-color: red; 
  text-decoration: underline;
  }
  button:active{
    background-color: #b0bfc6;
    }