JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cart-btn"><a href="">CART</a></div>

CSS

.cart-btn{
	margin-left:20px;
	margin-top:2px;
	width:120px;
  	height:30px;
	background-color:#0396C2;
	border-radius:3px;
	background-image: url(http://www.thorlabs.com/images/newhp/shopping_cart2.png) ;
        background-repeat:no-repeat;
}
.cart-btn:hover{
	border: 1px solid #005387;
	background: url(http://www.thorlabs.com/images/newhp/shopping_cart2.png) no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0396C2), color-stop(100%,rgba(0,76,158,1))); /* Chrome,Safari4+ */       
	margin-top:1px;
 
}
.cart-btn a{
    	color: #FFFFFF;
    	display: block;
    	line-height: 34px;
    	outline: medium none;
    	text-align: center;
    	text-decoration: none;
}