feat(button): add responsive sizes and fonts for sm, lg, and xl tailwind breakpoints, adjusts hex codes with custom colors

[magali-la]

🎯Type of Change:

• Feat ✨: New feature or functionality.
• Style 🎨: Code formatting or aesthetic changes (CSS).

This PR...

Adds new responsive sizes by mobile/default , large, and xl tailwind breakpoints. Adjusts hex codes with custom colors included

---

📝 What I Did:

• Reviewed new design changes and determines breakpoints for small medium and large buttons
• Left the previous sizes for medium button as an xl breakpoint size, then scaled down, with 3 responsive sizes.
• Adjusted responsiveness for text size in buttons
• Adjusted hex codes with the tailwind custom color names

---

🧪 How to Test:

1. Import all button types anywhere
2. Go to inspect and check responsiveness
3. Note: sm and lg button only have 2 breakpoint sizes, md button has 3. To discuss with design.

---

🤔 What I learned:

Reinforced understanding of responsive breakpoints in Tailwind.

[netlify]

✅ Deploy Preview for mint-chip ready!

Name	Link
🔨 Latest commit	2344cb7
🔍 Latest deploy log	https://app.netlify.com/projects/mint-chip/deploys/68f9942829e15b0008b04ee0
😎 Deploy Preview	https://deploy-preview-17--mint-chip.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 project configuration.

[nkabembo]

Looks good. ready to merge