CSS Improvements in Fitness Experience Section

[akshaykumar-hiran]

UI Improvement Task: CSS Improvements in Fitness Experience Section

📌 Overview

This issue addresses inconsistencies in button styling and card hover behavior found in the fitness feature section of the website.

---

🐞 Issues Identified

1. Button Visibility

• The "Explore Plans" and "Learn More" buttons do not visually appear as buttons.
• They look like plain text and do not offer clear affordance to the user that they are clickable.

2. Card Background Inconsistency

• One card ("Premium Equipment") has a green background, while the others have dark blue/black.
• This creates visual imbalance and breaks the uniform theme.

---

✅ Expected Behavior

• Buttions are correctly seen with a proper outlines and hover transformations.
• Cards will transform colors on hover.

[akshaykumar-hiran]

@hammadii123 Please assign this issue to me. I'd like to work on resolving it and please add the gssoc and other relevant tags also.

[Paras-Joshi]

I came across this issue and would love to work on it. I have experience working with fixing layout or functionality-related bugs in both plain HTML/CSS/JS and frameworks like React. I’d be happy to investigate the root cause and implement a clean fix. Please assign this issue to me—looking forward to contributing! @hammadii123

[akshaykumar-hiran]

Please assign it to me, I want to work on this.