Compas following mouse interaction

Hello,

For a new project, I am trying to create an animation where you have a compass in the middle of the screen with a white and black arrow - I am trying to make the white arrow follow the mouse button through rotation.
I can’t manage to figure out how to make it work. I am playing with the mouse Y and X-axis and it manages to follow the mouse on a specific axis when I use only one axis but when combining it just jumps all over the place. Not really sure what I am missing or how to make it work - will appreciate any kind of feedback!


Here is my public share link:
https://preview.webflow.com/preview/compass-test-327bc0b49ce1608965abce2654?utm_medium=preview_link&utm_source=dashboard&utm_content=compass-test-327bc0b49ce1608965abce2654&preview=6bd1935fd59e03781c890a62e81e9430&mode=preview

*This is just a test project to understand how it works