JSFiddle - React, Tailwind, and code Playground

by Mike Green

HTML

<a href="">link</a>
<a href="">link</a>

CSS

a {
    height: 30px;
    display: inline-block;
    text-decoration: none;
    margin-right: 10px;
    padding:0 10px;
    text-align:center;
    font: 15px/30px Helvetica, Arial,sans-serif;  
    -moz-box-shadow:0 5px 20px #ccc;
    -moz-border-radius:7px;
    -webkit-box-shadow:0 5px 20px #ccc;
    -webkit-border-radius:7px;
    color:#fff;
    background:-moz-linear-gradient(center top , #2098e4, #1162ca);
    background:-webkit-gradient(linear, left top, left bottom, from(#2098e4), to(#1162ca));
    -webkit-transition: all 0.2s ease-in;
}


a:hover {
    background:-webkit-gradient(linear, left top, left bottom, from(#90d100), to(#7cb400));
    -moz-box-shadow:0 10px 20px #ccc;
    -webkit-box-shadow:0 10px 20px #ccc;
    -webkit-transition: all 0.2s ease-in;
}