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


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.


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

Anyone come across the same issue?