[BUG] Arrow Icons Not Visible, Misaligned with Circle, and Turning Fully White on Hover

[SAURABHM6341]

Description

The arrow icons on the website have multiple issues:

1. The arrow color is faded, making them hard to see.
2. When hovered, the arrows turn completely white, blending with the background and becoming invisible.
3. The alignment of the arrows within their circular background is off, causing a visually unappealing look, as shown in the attached screenshot.

Screenshots

As you can see arrow are not centralized and not visible due to white color and on hovering it completely get white.

kindly assign this issue to me and also add labels.

Any additional information?

No response

What browser are you seeing the problem on?

Chrome

Checklist

• I have checked the existing issues
• I have read the Contributing Guidelines
• I'm a GSSoC'24-Extd contributor
• I'm a Hacktoberfest'24 contributor
• I am willing to work on this issue (optional)

[github-actions]

👋 Thank you @SAURABHM6341 for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!

[SAURABHM6341]

sir, can i also modify arrow in faq section as i have not mentioned in issue