JSFiddle - React, Tailwind, and code Playground

by Matteo Schiatti

HTML

<a class="button single_adq_button_loop product_type_simple added" id="add_to_quote_loop" data-quantity="1" data-product-id="111" rel="nofollow" href="#">Add to quote</a>

CSS

.single_adq_button_loop {
	background-color:#ffffff;
	border:2px solid #dd7728;
	color:#dd7728;
	font-family: 'Baloo', cursive;
	font-weight:normal;
	font-size:18px;
	padding-left:21px;
	padding-right:21px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin-top:20px; 
	margin-left: 0px;
}

.margin-adq-btn {
	margin-left: 81px !important;
}

JavaScript

$(document).ready(function(){
      $('#add_to_quote_loop').click(function(){
           $(this).addClass('margin-adq-btn');
      });
 });