Hyperlinks stopped working

Site URL: https://cricket-goby-l2z7.squarespace.com/recipes-gallery/grandmas-simple-apple-cake

Somehow all hyperlinks have stopped working site-wide and I have no idea why. My nav links still work but everything else is like not recognized as a link. I added a few simple examples in the blog page here with a text link to google, a image alt for print  https://javascript:window.print();, a text link for print and a button for print. 

It seems like site links are fine, site owner wants a 'back' button that works, but nothing linking to external urls is functional. I have cleared my browser cache as well with no change.

Anyone have an idea of why this isn't working or can someone check if links are working in their browser? Really strange.

edit: page-link

The url doesn't work. Can you check it again?

Interesting, the url works for me. Here's the page with hyperlink examples: 
https://cricket-goby-l2z7.squarespace.com/recipes-gallery/grandmas-simple-apple-cake

Here's the main page: 
https://cricket-goby-l2z7.squarespace.com/

The page with the links is the cake recipe in the summary block. Really appreciate you looking into this. For the life of me, can't figure what happened. 

Yes, you are correct. Something in this code block is causing links not to work throughout the page. The code used is here:
 

<style>

.recipe-links {
  display:flex;
  float:right;
  flex-direction:row;
  padding:0px 0px;
  
}

img.insta {
  padding:0px 6px;
  width:32px;
  height:32px;  
  vertical-align: text-bottom;
}

img.tik {
  padding:0px 6px;
  width:32px;
  height:32px; 
  vertical-align: text-bottom;
}  

img.tube {
   padding:0px 6px;
   width:32px;
   height:32px; 
  vertical-align: text-bottom;
}
  
p6 {
  font-family:abel;
  font-size:1em;
  padding:4px 10px;  
}

</style

<div>
  <div class="recipe-links" align="right";>
    <p6>LIKE & FOLLOW</p6>
  
    <img class="insta" src="https://images.squarespace-cdn.com/content/660338da49f4f502d84356bf/f8b51466-066e-4f6e-b9d6-83b8de96fe2f/ico_instagram.png?content-type=image%2Fpng" alt="https://www.instagram.com/p/C669iu-yY1U/" width="50" height="50">
   
    <img class="tik" src="https://images.squarespace-cdn.com/content/660338da49f4f502d84356bf/e0ba0b88-b94a-4687-85e0-a3456dea3dba/ico_tiktok.png?content-type=image%2Fpng" alt="https://www.tiktok.com/@mariyadoctorcooks" width="50" height="50">

    <img class="tube" src="https://images.squarespace-cdn.com/content/660338da49f4f502d84356bf/ea5f1361-c933-427f-ac94-949fe5692117/ico_youtube.png?content-type=image%2Fpng" alt="https://www.youtube.com/@MariyaDoctorCooks" width="50" height="50">  
  </div>
</div>

I'm planning to dissect a bit to see how what exactly is causing the issue and post the findings here for anyone who comes across a similar issue.

Quote

</style

This is a syntax error. It should be </style>

There may be other issues but this is an obvious one.

Okay, yep. I broke it in here at some point with the image links. When I corrected those bottom elements, the all the page links including these are functional again.

Thank you for helping isolate where the problem I created was, really appreciate it!

This works fine:

<style>

img.insta {
  padding:0px 6px;
  width:50px;
  height:50px;
  vertical-align: text-bottom;
}

img.tik {
  padding:0px 6px;
  width:50px;
  height:50px;
  vertical-align: text-bottom;
}  

img.tube {
   padding:0px 6px;
   width:50px;
   height:50px;
   vertical-align: text-bottom;
}
  
p6 {
  font-family:abel;
  font-size:1em;
  padding:0px 6px;
   
}
</style>

<div align="right">  
    <p6>LIKE & FOLLOW</p6>

    <a href="https://www.instagram.com/p/C669iu-yY1U/">
    <img class="insta" alt="" src="https://images.squarespace-cdn.com/content/660338da49f4f502d84356bf/f8b51466-066e-4f6e-b9d6-83b8de96fe2f/ico_instagram.png?content-type=image%2Fpng">
 </a>

     <a href="https://www.tiktok.com/@mariyadoctorcooks">
     <img class="tik" alt="" src="https://images.squarespace-cdn.com/content/660338da49f4f502d84356bf/e0ba0b88-b94a-4687-85e0-a3456dea3dba/ico_tiktok.png?content-type=image%2Fpng">
 </a>

     <a href="https://www.youtube.com/@MariyaDoctorCooks">
     <img class="tube" alt="" src="https://images.squarespace-cdn.com/content/660338da49f4f502d84356bf/ea5f1361-c933-427f-ac94-949fe5692117/ico_youtube.png?content-type=image%2Fpng">
 </a>
</div>
  
Thanks for looking people! Clumsy mistake that I couldn't track down when it effected other elements on the page.