feat: enhance button-finance styles, improved hover effects, and updated text contrast

[biswajit-sarkar-007]

Pull Request: feat: enhance button-finance styles, improved hover effects, and updated text contrast

Summary:

This PR addresses Issue #25 by enhancing the button-finance component's styles, improving hover effects, and updating text contrast for better accessibility.

Key Changes:

• Background Color: Updated to a vibrant blue for a modern look.
• Hover Effects: Added smoother scaling and rotation for better interaction feedback.
• Text Contrast: Enhanced contrast for improved readability and accessibility.

Impact:

• Visual enhancement with no functional changes.
• Improves user experience and design consistency.

Testing:

• Tested across multiple browsers and screen sizes to ensure responsiveness.

Here are some screenshots of outcome

[netlify]

✅ Deploy Preview for personal-finance-tracker-neeraj542 ready!

Name	Link
🔨 Latest commit	44e8aca
🔍 Latest deploy log	https://app.netlify.com/sites/personal-finance-tracker-neeraj542/deploys/6702585eee4a1400085e65fb
😎 Deploy Preview	https://deploy-preview-34--personal-finance-tracker-neeraj542.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.

[neeraj542]

Should try to use a classy design on buttons!

[biswajit-sarkar-007]

@neeraj542, could you provide me with some samples?