JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http://google.com">link</a>
        <br><br>
        <a class="button" href="http://google.com">button 1</a>
        <br>
        <a class="button" href="http://yourpage.com">button 2</a>

CSS

.button {
    height: 50px;
    width: 100px;    
    display: block;
    background-color: #cccccc; 
    cursor: pointer;
    text-align: center;
    border: 1px solid #666666;
    padding: 3px;
}
a, a:hover, a:visited, a:active {
    color: inherit;
    text-decoration: none;
}