UI Enhancement

[Bhoomi070]

issue:
Buttons across different pages of the website use inconsistent styles such as different colors, padding, font sizes, and border radius. This makes the UI feel slightly unpolished and inconsistent.

Expected behavior
All buttons should follow a consistent design system, including:

• Same color palette
• Uniform padding and border radius
• Consistent hover and active states

Maintaining consistent UI components improves user experience, readability, and overall visual quality of the website.
A reusable button component or a shared CSS class can be created and reused across pages.
This enhancement will make the UI more cohesive and easier to maintain.

[github-actions]

👋 Thanks for opening this issue! We appreciate your contribution. Please make sure you’ve provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! 🚀

[Akki908]

Hi mentor 👋
I’d like to work on this issue as part of SWoC.
I plan to implement a reusable button style to ensure consistent colors, padding, border radius, and hover/active states across the website.

Please assign this issue to me.
Thanks!

[Akki908]

@Bhoomi070 can you tell the details of where the changes need to done