Style and redirect Add To Cart button

Hello,

I'm attempting to change the Add To Card button and redirect it to a page, rather than adding the product to the cart. I've found similar situations on this forum, but have not been successful in making it work myself. 

It needs to look and function like the example button I placed below it. Please see attached image.

I would greatly appreciate any help with this.

Thank you, 
Aaron

site: https://supro.squarespace.com/gear/p/delta-king-12
password: supro

Please see the following.

Add the following to Store Settings > Advanced > Page Header Code Injection for the store page. Please see per-page code injection.

<style>

  .ProductItem-details .sqs-add-to-cart-button-wrapper {
  
    box-shadow : -8px 8px #4197cb;
    transform : skew( 20deg );
    
    }
    
  #siteWrapper .ProductItem-details .sqs-add-to-cart-button-wrapper .sqs-button-element--primary {
  
    font-family : Calafia, serif;
    font-style : italic;
    
    }
    
  </style>

Let us know how it goes.