page.hover() having no effect

Description

Some buttons on my website change color on hover, however when using deno-puppeteer it would appear to be having no effect.

Relevant code:

import { puppeteer } from './deps.ts';

const browser = await puppeteer.launch();
const page = await browser.newPage();

const url = 'https://sweet-snake-49.deno.dev';
await page.goto(url);
await page.setViewport({
    width: 1600,
    height: 1200
});
await page.hover('#left');
await page.screenshot({ path: Deno.cwd() + '/example.png' }); 

await browser.close();

Complete project to reproduce here.

Expected output

On hover, I expect the color to change to a yellow with box-shadow, but unfortunately it's as if no hover is being attributed to my button.

From:

To:

Question

How can I get page.hover() to work on my #left button ?

It would not appear to be related to deno as the exact same issue is happening with nodejs

from page.hover() having no effect