Bug Report 🐛

The button in the navbar is experiencing two conflicting hover effects—one from the button itself and another from hover effect of other elements in the navbar. This results in inconsistent styling when hovering over the button or nearby elements.

Expected Behavior

The button should only have its own hover effect.
Other navbar elements should not interfere with the button’s hover effect.

Current Behavior

The learn button displays two different hover effect.
The button does not maintain a consistent hover style.

Possible Solution

Restrict the hover effect to only the button
Ensure :hover styles are properly scoped.
Check for conflicting Tailwind or CSS rules.

Steps to Reproduce

1. Open the webpage.
2. Hover over different navbar elements.
3. Hover over the button and notice that its hover effect is affected by other navbar items.

Desktop

• OS: [e.g. macOS]
• Browser: [e.g. Chrome, Safari]
• Version: [e.g. 0.22.15]