Changing button color of sold out variants

Hi, I'm selling products on my website but I do not want to display any pricing. In order to do this I marked everything as "0" inventory, including the variants, and then changed the status badge to display the text I chose, instead of "sold out".

However, now my variants are showing up in a dimmed color and every time you hover over them it shows the crossed out circle. Can I change the color of my variants to my main button color? Can I get rid of the hovering slashed circle? Photo attached below. Any help would be greatly appreciated! 

Hi @nsedagha!

This might help....  This code will remove the Add to Cart button, the quantity, and the price from showing up. That will allow you to give the inventory a number other than 0 and should fix the issue of the slashed circles.

Just click the gear icon on the store page, click Advanced, then Page Header Code Injection and paste this code -

<style>

 .sqs-add-to-cart-button-wrapper, .product-quantity-input, .product-price {
    display: none !important;
}     
  </style>