JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <a href="#" class="b-button">Link</a>
    <input type="submit" value="Submit" class="b-button" />
</div>

CSS

div {
    margin: 2em
    }
.b-button {
    display: inline-block;
    margin: 0 1em;
    padding: .5em 1em;
    border: 1px solid #888;
    background: -webkit-linear-gradient(90deg, #ccc, #f8f8f8);
    background: -moz-linear-gradient(90deg, #ccc, #f8f8f8);
    background: -ms-linear-gradient(90deg, #ccc, #f8f8f8);
    background: -o-linear-gradient(90deg, #ccc, #f8f8f8);
    background: linear-gradient(90deg, #ccc, #f8f8f8);
    vertical-align: middle;
    font-family: tahoma;
    font-size: 1em;
    color: #222;
    text-decoration: none
    }
.b-button::-moz-focus-inner {
    border: 0
    }