JSFiddle - React, Tailwind, and code Playground

HTML

<button class="button">Some Text</button>
<div class="button">Some Text</div>

CSS

.button{
    background: darkgrey;
    height: 40px;
    border: 2px solid grey;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    font-family: helvetica;
    text-align: center;
    margin-bottom: 20px;
    
    /*I'm aware I could use this to centere it*/
    /*line-height: 40px;*/
}