Button border-radius overrides Gutenberg settings in Learning Mode

[bryanwmiller]

Steps to Reproduce

1. Add a button to a lesson in Learning Mode
2. Set a border-radius for that button in Gutenberg
3. Load that lesson

What I Expected

I expected the button to use the border-radius that was set in Gutenberg.

What Happened Instead

The button uses the border-radius from learning-mode.css until you hover over the button. Once you hover over the button, the border-radius that was set in Gutenberg applies.

PHP / WordPress / Sensei LMS version

Various PHP and WP versions (also tested on fresh install through jurrasic.ninja). Sensei 4.6.3

Browser / OS version

Chrome, MacOS

Screenshot / Video

Lesson without Learning Mode, notice the buttons with a border-radius of 100px (as set in Gutenberg).

Lesson in Learning Mode, notice the same buttons with a border-radius of 2px (Sensei Learning Mode styles)

Context / Source

I tried turning on the setting to use theme styles in Learning Mode, but it did not make a difference.