Need help with CSS Code for removing a Navigation link in the footer MIDDLE block on one specific page

Site URL: https://caroline-vazzana.squarespace.com/the-book

Hi! I was wondering if I can get some help with coming up with a CSS code for removing a navigation link in the footer middle block on one specific page. 

The navigation link I'm trying to remove for this specific page is called "Buy the Book" in the footer middle block (circled in red in the image reference). I still need that link in the footer middle block for all the other pages on the website though. I just need it gone for this one page. 

Here's a link for reference: https://caroline-vazzana.squarespace.com/the-book

Instead of the "Buy the Book" link on this specific page, I want to replace it with a "FAQ" link with information pertaining to the book product. I would just want the FAQ to be on this one page in the footer middle block as well. How would I go about that?

Also, is there a CSS Code or a way to limit the amount of product a customer can buy? I'm trying to see if I can limit it to 3 books per customer. I researched a bit on this and everyone's saying that Squarespace doesn't allow this feature? I went ahead and just removed the "quantity" button (with CSS code) above the "buy now" button to sway the customer away from buying more than 1 in general, but I also know they can change the quantity in the checkout cart.

Thanks!

Add to The Book Page Header

<style>
  nav.Footer-nav [href*="amazon.com"] {
    display: none;
}
</style>