JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
   
    <li><a class="button active" href="#">SQUISHY</a></li>
</ul>

CSS

body {
    background: #EEE;
    margin: 0;
    padding: 50px 0px;
    text-align: center;
    font-family: sans-serif;
    font-size: 10pt;
    color: #666;
}

h1{
    margin-bottom: 20px;
}

.button {
    background: #f8b938;
    border-top: 1px solid #FFD640;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow:
     0 0 0 1px #ad7222,  
     0 5px 0 0px #d8a031,
     0 5px 0 1px #6a4415,
     0 10px 0 1px rgba(0,0,0,.2);
    -moz-box-shadow:
     0 0 0 1px #ad7222,  
     0 5px 0 0px #d8a031,
     0 5px 0 1px #6a4415,
     0 10px 0 1px rgba(0,0,0,.2);
    box-shadow:
     0 0 0 1px #94621d,  
     0 5px 0 0px #b9882b,
     0 5px 0 1px #5a3a13,
     0 10px 0 1px rgba(0,0,0,.2);
    color: rgba(99,59,8,0.8);
    display: inline-block;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 6px 30px 7px 30px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255,255,255,0.5);
}

.hover, .button:hover {
    background: #ffd741;
    border-top: 1px solid #fffa4c;
    -webkit-box-shadow:
     0 0 0 1px #ad7222,
     0 5px 0 0px #d8a031,
     0 5px 0 1px #6a4415,
     0 9px 0 1px rgba(0,0,0,.2);
    -moz-box-shadow:
     0 0 0 1px #ad7222,
     0 5px 0 0px #d8a031,
     0 5px 0 1px #6a4415,
     0 9px 0 1px rgba(0,0,0,.2);
    box-shadow:  
     0 0 0 1px #ad7222,
     0 5px 0 0px #d8a031,
     0 5px 0 1px #6a4415,
     0 10px 0 1px rgba(0,0,0,.2);
}

.active, .button:active {
    background: #f7a001;
    border-top: 1px solid #ffc702;
    -webkit-transform: translate(0, 3px);
    -moz-transform: translate(0, 3px);
    -o-transform: translate(0, 3px);
    transform: translate(0, 3px);
    -webkit-box-shadow:
     0 0 0 1px #702d00,
     0 3px 0 0px #a06000,
     0 3px 0 1px #6200100,
     0 5px 0 1px rgba(0,0,0,.2);
    -moz-box-shadow:
     0 0 0 1px #ad7222,
     0 5px 0 0px #d8a031,
     0 5px 0 1px #6a4415,
     0 5px 0 1px rgba(0,0,0,.2);
    box-shadow:  
     0 0 0 1px #702d00,
     0 3px 0...