JSFiddle - React, Tailwind, and code Playground

by lucylou

HTML

<div class="buttons"><span class="icon"><input type="submit" name="op" id="edit-submit-115" value="Vložiť do košíka"  class="form-submit node-add-to-cart" /></span></div>

CSS

.buttons input {
  height: 49px;
  line-height: 37px;
  padding: 5px 10px 5px 57px;
  font-size: 18px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  color: #FFFDFB;
  border: solid 1px #DA7C0C;
  background-color: #F47C20;
  background-image: url(http://demo.tutorialzine.com/2009/09/shopping-cart-php-jquery/img/Shoppingcart_128x128.png), -webkit-gradient(linear, left top, left bottom, from(#F88E11), to(#F06015));
  background-image: url(http://demo.tutorialzine.com/2009/09/shopping-cart-php-jquery/img/Shoppingcart_128x128.png), -moz-linear-gradient(top, #F88E11, #F06015), url(http://demo.tutorialzine.com/2009/09/shopping-cart-php-jquery/img/Shoppingcart_128x128.png);
  background-image: url(http://demo.tutorialzine.com/2009/09/shopping-cart-php-jquery/img/Shoppingcart_128x128.png), -o-linear-gradient(top, #F88E11, #F06015), url(http://demo.tutorialzine.com/2009/09/shopping-cart-php-jquery/img/Shoppingcart_128x128.png);
  background-repeat: no-repeat;
  background-position: 5px 5px, 0 0;
  background-size: 40px 40px, 100% 100%;
}