JSFiddle - React, Tailwind, and code Playground

HTML

<button class="button" onclick="submit();" type="button">Text button <span></span></button>

CSS

.button{
			    color: #FFFFFF;
			    font-family:Arial;
			    font-size: 10px;
			    font-weight: normal;
			    padding: 0;
			    padding-left: 20px;
			    height: 36px;
			    width: 120px;
			    margin:4px auto auto;
			    text-align: left;
			    cursor:pointer; 
			    border:0px;
			    background: #3ba93d;
			    background-position: 66px 4px;
			    background-repeat:no-repeat;
			    background: #3ba93d; /* fallback */
			    background: -webkit-gradient(linear, left top, left bottom, from(0,#3ba93d), to(0,#27842a)); /* Saf4+, Chrome */
			    background-image: -webkit-linear-gradient(top, #3ba93d, #27842a); /* Chrome 10+, Saf5.1+ */
			    background-image: -moz-linear-gradient(top, #3ba93d, #27842a); /* FF3.6+ */
			    background-image: -ms-linear-gradient(top, #3ba93d, #27842a); /* IE10 */
			    background-image: -o-linear-gradient(top, #3ba93d, #27842a); /* Opera 11.10+ */
			    background-image: linear-gradient(top, #3ba93d, #27842a); /* W3C */
			    }
			  .button span {
			  	position: absolute;
			  	top: 17px;
			  	left: 100px;
			  	width: 20px;
			  	height: 24px;
			  	background: url(http://goo.gl/mw5HWR);
			  }