JSFiddle - React, Tailwind, and code Playground

by TheBuzzer

HTML

<head><link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css' />
</head>

    <body>
        <p><a href="#" class="button">Download</a></p>
    </body>

CSS

a {
        font-family: 'Yanone Kaffeesatz', arial, serif;
}


a.button {
    font-size:30px;
    color:#000;
    text-decoration:none;
    display:block;
    width:578px;
    padding:10px;
    border:1px solid #DDD;
    text-align:center;

        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        -o-border-radius:5px;
        border-radius:5px;
background:#FFFFFF;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEE));
background:-moz-linear-gradient(0% 90% 90deg, #EEE, #FFF);
}
    a.button:hover {
        color:#fff;
        border-color:#3278BE;
    }