fix: CTA FullWidth responsiveness on mobile devices

[KhushamBansal]

Description

This PR fixes #7304

Notes for Reviewers

Fix: CTA FullWidth responsiveness on mobile devices
This is the updated version of #7319.

Screenshots: #7319 (comment)
#7319 (comment)

Signed commits

• Yes, I signed my commits.

[KhushamBansal]

@saurabhraghuvanshii @leecalcote
Please review this PR. This is same as #7319 but without merge conflicts.

[l5io]

🚀 Preview for commit e58968a at: https://697bd7b826afc36400eec221--layer5.netlify.app

[Bhumikagarggg]

@KhushamBansal Thank you for your contribution! Let's discuss this during the website call tomorrow at 6:30 PM IST | 7 AM CST Add it as an agenda item to the meeting minutes, if you would 🙂

[l5io]

🚀 Preview for commit c9de5bd at: https://697fa48398129d54d2744cd1--layer5.netlify.app

[l5io]

🚀 Preview for commit 2651a33 at: https://6980a259c4c1ac1351f26b86--layer5.netlify.app

[kishore08-07]

@KhushamBansal please re-read the updated issue description, the CTA image should maintain proper padding and alignment within its container and be responsive on all viewports.

[l5io]

🚀 Preview for commit 35ca9d8 at: https://69922db7d8fdfc379494afff--layer5.netlify.app

[KhushamBansal]

Hi maintainers, I have verified the component is correctly displayed in different viewports. The CTA button is responsive and has proper padding in all viewports.

These were the files using the CTA component :
/blog/2024/02-13-what-is-platform-engineering/index.mdx
/blog/2024/02-24-open-container-image-meshery/index.mdx
/blog/2025/12-28-gemini-cli-trusted-directories/post.mdx (uses layer5-notrim-icon)
/resources/articles/kubernetes/getting-started-with-kubernetes/index.mdx
/resources/articles/kubernetes/management-of-kubernetes/index.mdx

here are a few screenshot:

[saurabhraghuvanshii]

Thanks @KhushamBansal lgtm!!