JSFiddle - React, Tailwind, and code Playground

HTML

<button class="button corner">
    <p class="head">Hey whats up</p>
    <span>Nothing at all</span>
</button>

CSS

.button {
  padding:5px;
  background-color:blue;
  text-align:center;
  max-width:150px;
  cursor:hand;
  cursor:pointer;
  border:none;
}

.button:hover {
  background-color:red;
}

.head {
 font-size:22px;   
}

.corner { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }