title: How to change button CSS click / drag color?
body: <p>You can checkout my website here: <a href="https://www.counterboosting.com/buy-csgo-rank-boosting/" rel="nofollow">https://www.counterboosting.com/buy-csgo-rank-boosting/</a></p>
  
  <p>When dragging the "Buy Now" button, it will randomly turn green. If anyone could help me keep it orange as it is. Thanks!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.col-boosting .btn-pay-rank {
   height: 65px;
   font-weight: bold;
   background: #e06b38;
   border: none;
   box-shadow: 0 7px 0 0 #c7511f;
  }
  
  .col-boosting .btn-pay-rank:hover {
   height: 65px;
   background: #dd5a22;
   font-weight: bold;
   border: none;
   box-shadow: 0 7px 0 0 #c7511f;
  }
  
  .col-boosting .btn-pay-rank[disabled] {
   height: 65px;
   font-weight: bold;
   background: #e06b38;
   border: none;
   box-shadow: 0 7px 0 0 #c7511f;
  }
  
  .col-boosting .btn-default {
   height: 65px;
   font-weight: bold;
   background: #e06b38;
   border: none;
   box-shadow: 0 7px 0 0 #c7511f;
  }
  
  .col-boosting .btn {
   height: 65px;
   font-weight: bold;
   background: #e06b38;
   border: none;
   box-shadow: 0 7px 0 0 #c7511f;
  }
  
  .col-boosting .btn-primary {
   height: 65px;
   font-weight: bold;
   background: #e06b38;
   border: none;
   box-shadow: 0 7px 0 0 #c7511f;
  }
  
  .col-boosting .btn-pay-rank-primary:hover, .col-boosting .btn-pay-rank-primary:focus, .col-boosting .btn-pay-rank-primary:active, .col-boosting .btn-pay-rank-primary.active, .open &gt; .dropdown-toggle.btn-pay-rank-primary {
   height: 65px;
   font-weight: bold;
   background: #e06b38;
   border: none;
   box-shadow: 0 7px 0 0 #c7511f;
  }
  
  .col-boosting .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open &gt; .dropdown-toggle.btn-primary {
   height: 65px;
   font-weight: bold;
   background: #e06b38;
   border: none;
   box-shadow: 0 7px 0 0 #c7511f;
  }
  
  .col-boosting .btn-primary:active, .col-boosting .btn-primary.active {
   height: 65px;
   font-weight: bold;
   background: #e06b38;
   border: none;
   box-shadow: 0 7px 0 0 #c7511f;
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>As you can see, I pretty much tried everything and I can't seem to find a solution. Some help would be greatly appreciated. Thanks!</p>