JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

<html>
<head>
    <title>CSS3 Button Tester</title>
</head>

<body>

<div id="wrap">
<h1>Buttons</h1>

<h2>Blue Minimal</h2>
<button class="blue-minimal">Blue Minimal</button>

<h2>Gray Ghost</h2>
<button class="gray-ghost">Gray Ghost</button>
</div>

</body>
</html>

CSS

html, body {
            background: #474747;
            font-family: League-Gothic, sans-serif;
        }
        h1 {
            font-size: 72px;
        color: #222;
            padding-left: 25px;
            margin-left: -40px;
            border-left: 15px solid #A8A8A8;
            text-shadow: 0px 1px 0 #666;
        }
        h2 {
            font-size: 52px;
            margin-bottom: 20px;
            color: #222;
            padding-left: 25px;
            margin-top: 20px;
            margin-left: -40px;
            border-left: 15px solid #EEE;
            text-shadow: 0px 1px 0 #666;
        }
        @font-face {
            font-family: League-Gothic;
            src: url("http://static.tumblr.com/unxjxmf/8oKm0yq2w/league-gothic.otf") format("opentype");
        }
        button.blue-minimal {
            background: #407dc7;
            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#407dc7), to(#4279b8));
            background-image: -webkit-linear-gradient(top, #407dc7, #4279b8);
            background-image:    -moz-linear-gradient(top, #407dc7, #4279b8);
            background-image:     -ms-linear-gradient(top, #407dc7, #4279b8);
            background-image:      -o-linear-gradient(top, #407dc7, #4279b8);
            border-width: 1px;
            color: white;
            text-shadow: 0 1px 0 #808080;
            padding: 10px 20px;
            border-color: white #a1c1e6 #2b4763 #a1c1e6;
            border-style: solid;
            border-radius: 5px;
            box-shadow: 0 1px 7px #080808;
        }
        button.blue-minimal:hover {
            box-shadow: 0 1px 5px #222;
        }
        button.blue-minimal:active {
            box-shadow: inset 0 1px 7px #565656;
            border-width: 1px;
            border-color: white #a1c1e6 black #a1c1e6;
            border-style: solid;
        }
        button.gray-ghost {
            background: #EEE;
            background-image: -webkit-gradient(linear, 0% 0%,...