JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="btn">Button with Gradient Noise!</a>

CSS

a.btn {
	background: #939393 url('http://rd2inc.com/wp-content/uploads/2013/01/bg-noise.png') left top repeat; /* ie fallback */
	background: url('http://rd2inc.com/wp-content/uploads/2013/01/bg-noise.png') left top repeat,
            -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(0, 0, 0, 0.5))),
            #939393;
	background: url('http://rd2inc.com/wp-content/uploads/2013/01/bg-noise.png') left top repeat,
            -webkit-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.5)),
            #939393;
	background: url('http://rd2inc.com/wp-content/uploads/2013/01/bg-noise.png') left top repeat,	
            -moz-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.5)),
            #939393;
	background: url('http://rd2inc.com/wp-content/uploads/2013/01/bg-noise.png') left top repeat,
            -ms-linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.5)),
            #939393;
	background: url('http://rd2inc.com/wp-content/uploads/2013/01/bg-noise.png') left top repeat,
            -o-linear-gradientrgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.5)),
            #939393;
	background: url('http://rd2inc.com/wp-content/uploads/2013/01/bg-noise.png') left top repeat,
            linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.5)),
            #939393;
    
	display: block;
	padding: 50px 20px;
	color: #FFF;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	text-decoration: none;
    max-width: 80%;
    margin: 50px auto;
}

a.btn:hover{	
    background: #30848B url('http://rd2inc.com/wp-content/uploads/2013/01/bg-noise.png') left top repeat; /* ie fallback */
	background: url('http://rd2inc.com/wp-content/uploads/2013/01/bg-noise.png') left top repeat,
            -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(0, 0, 0, 0.5))),
            #30848B;
	background: url('http://rd2inc.com/wp-content/uploads/2013/01/bg-noise.png') left top repeat,
           ...