JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="field button" id="xlg0001">New Element</a>

<input class="field button2" id="xlg0001" type="button" value="New Element"/>

CSS

.button {
    background-color: #E3E1B8; 
    padding: 2px 4px;
    font: 13px sans-serif;
    text-decoration: none;
    border: 1px solid #000;
    border-color: #aaa #444 #444 #aaa;
    color: #000
}
.button:hover { background-color: #46000D; }


input.button2 {
    background-color: #E3E1B8;
}
input.button2:hover { background-color: #46000D; }