fix: center alligned ghost icon button

[riddhybansal]

Closes #18420
Fix ghost button icon alignment in icon-only variant

Changelog

Changed

• Fixed icon alignment in ghost buttons with icon-only variant by resetting padding-block-start
• Optimized SCSS structure for ghost button styles by combining related selectors

Testing / Reviewing

Steps to verify:

1. Go to Icon Button
2. Verify that:

• Icon is properly centered in the ghost button
• Hover and active states work correctly
• Other button variants (primary, secondary, danger) maintain their correct alignment
• Selected state of ghost button maintains proper icon alignment

[netlify]

✅ Deploy Preview for v11-carbon-web-components ready!

Name	Link
🔨 Latest commit	d1046d0
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-web-components/deploys/67b6fa9dd2e6b50008be1e3b
😎 Deploy Preview	https://deploy-preview-18503--v11-carbon-web-components.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.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	d1046d0
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/67b6fa9d6d724e000803bb3d
😎 Deploy Preview	https://deploy-preview-18503--carbon-elements.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.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	d1046d0
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/67b6fa9d3525530008bb5f89
😎 Deploy Preview	https://deploy-preview-18503--v11-carbon-react.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.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 84.92%. Comparing base (9883920) to head (d1046d0).
Report is 1 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main   #18503   +/-   ##
=======================================
  Coverage   84.92%   84.92%           
=======================================
  Files         408      408           
  Lines       14501    14501           
  Branches     4729     4699   -30     
=======================================
  Hits        12315    12315           
+ Misses       2026     2025    -1     
- Partials      160      161    +1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[preetibansalui]

It works as expected with the ghost button in the selected state, but I’ve noticed it’s causing issues with the expressive state now.

[riddhybansal]

The Icon button is broken for some other sizes and variant as well for both react and web components . Here is the issue created.

[preetibansalui]

This looks good to me, Thanks for the changes Riddhi!

[preetibansalui]

Hey I approved the PR and then saw its failing the Percy, can you please check why it's updating the snapshot. Thanks!