Hover interaction not working on button due to clash with scroll interaction?

Hi,

I have a hover interaction on the booking button I made in IX2 which works across the site. However when I place that same button within a separate scroll up / down interaction for the mobile header, the hover ceases to interact.
Perhaps running these 2 separate interactions is causing the hover to get overridden by the scroll interaction? A native or code solution would marvellous or will have to re-design. Many thanks in advance.

booking%20button%20on%20scroll%20not%20working


Here is my public share link: [LINK]
(how to access public share link)
http://emt-finalversion.webflow.io/

Anyone come across the same issue?