How to Achieve this Hover Interaction?

Hi all,

I am building out a site for a client who wants this hover animation on a 2x2 grid of navigation links.

Essentially each link should grow on hover, and the cross lines should grow, directionally aware, towards the hovered link.

I’m struggling with this one and would greatly appreciate some help!




Here is my public share link: LINK
(how to access public share link)