Change color of lettres with span when element hovers over it

Hello everyone,

I’m working on my website and I’m a bit stuck with an animation I had in mind.
I have a circle that follows the mouse, when the circle hovers over the text (creating digital experiences), I want the color of each lettre to change when the circle hovers over it, and also impact te size so it has kind of a zooming effect or like a ‘raindrop on some text’ effect.
I’ve created a span for each lettre and I’ve been trying out different types triggers but it’ snot exactly working out as I’d like to.

Hope I’m being clear and thanks in advance for any help.

Here is my public share link: https://preview.webflow.com/preview/digivolving?utm_medium=preview_link&utm_source=designer&utm_content=digivolving&preview=bdf4c826a7f78f3dba3a1e8292eddcb2&workflow=preview