🪲[Bug]: [SSOC'24] "Become a Volunteer" Button Not Visible in Light Mode

Description:

There is an issue with the "Become a Volunteer" button in light mode where the button is not visible unless the cursor is hovered over it. This issue makes it difficult for users to identify and interact with the button, potentially affecting user engagement and participation.

Steps to Reproduce:

Enable light mode on the website/application.
Navigate to the section containing the "Become a Volunteer" button.
Observe the visibility of the button without hovering the cursor over it.
Expected Behavior:

The "Become a Volunteer" button should be clearly visible and distinguishable from the background in light mode, allowing users to easily locate and interact with it.

Actual Behavior:

The button is not visible in light mode until the cursor is pointed at it, making it difficult for users to notice and interact with the button.

Proposed Solution:

To resolve this issue, we need to adjust the styling of the "Become a Volunteer" button in light mode to ensure it stands out against the background. This could involve changing the button's background color, text color, or adding a border to make it more prominent and visible.

screenshots :


I would like to contribute to this issue under [SSCO'24]