button Always show Quick View Button

Site URL: https://fureydesignco.squarespace.com/new-page

Hello 🙂

I would like to: 

• 7.1
• customize the Quick View button so it its always displayed - not just on hover
• center (move it up) it and make it a lot larger
• change to text to Buy Now (or similar)

https://fureydesignco.squarespace.com/new-page (bottom of the page)

Pwd: 1234567

Thanks in advance for looking 🙂

Add to Design > Custom CSS

/* Always show quick view */
span.sqs-product-quick-view-button {
    opacity: 1 !important;
}

Add this to Code Injection > Footer

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  $(document).ready(function() {  
		$("span.sqs-product-quick-view-button").html(function() { 
          return $(this).html().replace("Quick View", "Buy Now");  
    });
	});
</script>