JSFiddle - React, Tailwind, and code Playground

HTML

<a class="homebutton" href="#">home</a>

CSS

.homebutton {
font-size:15px;
font-family:Georgia;
font-weight:normal;
color: #FFFFFF;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #b33329;
padding:10px 30px;
text-decoration:none;

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc372d', endColorstr='#8a2b23');
background-color:#cc372d;
display:inline-block;
text-shadow:1px 1px 0px #810e05;
-webkit-box-shadow:inset 1px 1px 0px 0px #f5978e;
-moz-box-shadow:inset 1px 1px 0px 0px #f5978e;
box-shadow:inset 1px 1px 0px 0px #f5978e;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
      box-sizing: border-box;
}

.homebutton:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(21%, #8a2b23), color-stop(84%, #cc372d) );
background:-moz-linear-gradient( center top, #8a2b23 21%, #cc372d 84% );
background:-ms-linear-gradient( top, #8a2b23 21%, #cc372d 84% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a2b23', endColorstr='#cc372d');
background-color:#8a2b23;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
      box-sizing: border-box;
}

.homebutton:active {
position:relative;
top:1px;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
      box-sizing: border-box;
}

a:link {
    color: #3366CC;
}

a.homebutton{
    color: #FFF;    
}