JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pure CSS3 Buttons - By Matt Gentile - Icondeposit.com</title>
</head>
    <div class="yourclassnamehere">
        <a href="#" target="_top">Buttons</a>
    </div>
    <div class="your2ndclassnamehere">
        <a href="#" target="_top">Buttons</a>
    </div>
<body>
</body>
</html>

CSS

/* Forrest Green Button */

.yourclassnamehere a {
    float: left;
    margin-right: 15px !important;
    margin: 0;
    padding: 5px 20px 6px 20px;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    background: #335D30;
    background: -moz-linear-gradient(top,#4A7746 0,#335D30 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4A7746),color-stop(100%,#335D30));
    filter: rogid:DXImageTransform.Microsoft.gradient(startColorstr='#4A7746',endColorstr='#335D30',GradientType=0);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.50), inset 0px 1px 1px rgba(255,255,255,0.35);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.50), inset 0px 1px 1px rgba(255,255,255,0.35);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.50), inset 0px 1px 1px rgba(255,255,255,0.35);
    border: none;
    color: #e3e3e3;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    text-decoration: none;
    letter-spacing: 1px;
    position: relative;
}
.yourclassnamehere a:hover {
    background: #336B30;
    background: -moz-linear-gradient(top,#4A8546 0,#336B30 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#4A8546),color-stop(100%,#336B30));
    filter: rogid:DXImageTransform.Microsoft.gradient(startColorstr='#4A8546',endColorstr='#336B30',GradientType=0);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.50), inset 0px 1px 1px rgba(255,255,255,0.35);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.50), inset 0px 1px 1px rgba(255,255,255,0.35);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.50), inset 0px 1px 1px rgba(255,255,255,0.35);
    color: #f5f5f5;
}
.yourclassnamehere a:active {
    background: #335D30;
    background: -moz-linear-gradient(top,#335D30 0,#4A7746 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#335D30),color-stop(100%,#4A7746));
    filter:...