Circle Mouse transform to square on proximity

Design help Animations & Interactions
1

I need help to figure out how a circle shaped mouse can trigger an animation to transform or be absorved as another shape, for example:
You move your mouse into an square button and the mouse (circle shaped) becomes a square inside the button area, when you move out the area it becomes circle again. Thank You!

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

2

https://webflow.com/website/Switch-Custom-Cursors-In-Page-Using-CSS-Clip-scissors

3

Hello, what i need is for it to transform to another shape when inside a button