Page load animations block Scale Transform on hover

Page load interaction on the orange “Get started” button, which is front and center in the hero section, has a “scale” effect on it on hover.

This worked fine except when included the button in my “Page Load” interaction. If I remove it from page load altogether, the button interacts correctly on hover.

Any clues as to why this happens and how to fix it?


Here is my public share link: https://preview.webflow.com/preview/otter-draft?utm_medium=preview_link&utm_source=designer&utm_content=otter-draft&preview=7846f454eb7c3a0fdd6c810d99662477&pageId=5fdd2ceb03ee0ad22fd05f95&mode=preview