fix: Improvement of button appearance on home page

[ssyy21]

Improvement needed for button appearance on home page and #1463

Title : Improvement needed for button appearance on home page

Issue No. : #1463

Code Stack : HTML,CSS

Close #1463

Description:

Enhanced the UI of homepage buttons by implementing hover effects, including size scaling for a dynamic interaction and subtle color transitions in the box shadow for improved visual appeal.

Video/Screenshots (mandatory)

Type of PR

• [X] Bug fix
• [ ] Feature enhancement
• [ ] Documentation update
• [ ] Other (specify): ___

Checklist:

• [ X] I have performed a self-review of my code.
• [ X] I have commented my code, particularly in hard-to-understand areas.
• [X ] I have tested the changes thoroughly before submitting this pull request.
• [X ] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [X ] I have gone through the contributing.md file before contributing
• [ X] I have Starred the Repository.

Are you contributing under any Open-source programme?

• [ X] I am contributing under IEEE-IGDTUW Open Source Week 2024

[github-actions[bot]]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify[bot]]

✅ Deploy Preview for taupe-cendol-f7e2bb ready!

Name	Link
🔨 Latest commit	e1b0ed90c2c712f2c2bdce78d47df446ad94e0b3
🔍 Latest deploy log	https://app.netlify.com/sites/taupe-cendol-f7e2bb/deploys/6738d9f47036cc0008525e31
😎 Deploy Preview	https://deploy-preview-1646--taupe-cendol-f7e2bb.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions[bot]]

🎉🎉 Thank you for your contribution! Your PR #1646 has been merged! 🎉🎉