JSFiddle - React, Tailwind, and code Playground

HTML

<div class="link-button"><a href="/">Example</a></div>
<Br/>
<div class="link-button"><a href="/">Example</a></div>
<Br/>
<div class="link-button"><a href="/">Example</a></div>

CSS

.link-button {
    margin-top:15px;
    max-width:90px;
    background-color:#eee;
    border-color:#888888;
    color:#333;
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    text-decoration:none;
    align-items:flex-start;
    cursor:default;
    -webkit-appearence: push-button;
}

.link-button a {
    margin-top:4px;
    display:inline-block;
    text-decoration:none;
    color:#333;
}

.link-button:hover {
    background-color:#888;
}

.link-button:active {
    background-color:#333;
}

.link-button:hover a, .link-button:active a {
    color:#fff;
}