JSFiddle - React, Tailwind, and code Playground

HTML

<button>
<img src="https://dummyimage.com/64x64/ff00ff/ffffff.png&text=X">
<label>Centered Text</label>
</button>

SCSS

button{
  border:0; outline:0; margin:0; padding:0;
  padding:1em 1.5em;
  cursor: pointer;
  
  background-color: green;
  
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 1em;
  
  label{
    font-size: 200%;
    margin: auto;
  }
  
  img{
    margin: auto;
  }
  
  &:hover{
    background-color: red;
  }
  
}