JSFiddle - React, Tailwind, and code Playground

HTML

<button class="button">&lt;button&gt;</button>
<a href="http://www.google.com" class="button">&lt;a&gt;</a>

CSS

.button
{
    display:inline-block;
    height:200px;
    border:4px gainsboro outset;
    background:silver;
    vertical-align:top;
    padding:20px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    text-decoration:none;
    width:200px;
    text-align:left;
    line-height:0px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 

button:before {
    content:'';
    display:block;
    margin-top:-50%;
}
    
}