JSFiddle - React, Tailwind, and code Playground

HTML

How buttons look:

<button>
  <h1>
    hello
  </h1>
  <h2>
    world
  </h2>
</button>

How divs look, and how I want buttons to look:

<div class="button">
  <h1>
    hello
  </h1>
  <h2>
    world
  </h2>
</div>

CSS

button, .button {
  margin: 12px;
  padding: 12px;
  font-family: "Helvetica";
  background-color: #999;
  width: 200px;
  border: 1px solid black;
  
  display: grid;
  justify-content: left;
  align-items: center;
  grid-auto-flow: column;
  grid-template-columns: 80px 1fr;

}