[Bug]: Fix hover animation on butttons

[Rajul-29]

Is there an existing issue for this?

• [X] I have searched the existing issues

Describe the bug

The buttons show 2 hover effects at once which don't look good

Expected behavior

The buttons should show a better and organized hover animation

Add ScreenShots

On which device are you experiencing this bug?

Chrome

Record

• [X] I have read the Contributing Guidelines
• [X] I'm a GSSOC'24 contributor
• [ ] I'm a VSOC'24 contributor
• [X] I have starred the repository

[Rajul-29]

Hey @apu52 @itsekta Can you please assign me this issue Thank you

[ayush786hack]

Hey @apu52 @itsekta Can you please assign me this issue Thank you

[github-actions[bot]]

✅ This issue has been successfully closed. Thank you for your contribution and helping us improve the project! If you have any more ideas or run into other issues, feel free to open a new one. Happy coding! 🚀