JSFiddle - React, Tailwind, and code Playground

HTML

<button class="button">

</button>

CSS

.button {
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 1.2rem;
  background-color: orange;
  color: black;
  text-transform: uppercase;
  border: none;
  transition: all 0.2s;
  }
  
  .button:hover {
    background-color: blue;
    cursor: pointer;
  }