Contact card - hover delay

Hi guys,

Can someone please help me with classic hover settings?

The client requests that there should be a 3s delay when the mouse hovers over the phone or email icon on the contact card. But now when I hover over the phone icon and then immediately over the email icon, the “system” remembers the original approach over the phone (as first hover) and the animation fades when you go out before the delay seconds.

I know this is because I have the opacity 100% on the hover out when phone or email icons is hovered out but how to do it without this? I would like to always end on the job title as a initial state but with the delay 3s on the phone or email.

There is my read-only link.

https://preview.webflow.com/preview/hover-contact?utm_medium=preview_link&utm_source=designer&utm_content=hover-contact&preview=f18edb5fc4da40cc785565dea1138949&workflow=preview

Thanks!


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