Styling doesn't work: Styles doesn't apply when extending the c4d-link-with-icon

[abdalazizrashid]

Description

• The css selector .bx--link-with-icon doesn't seem to match, but such selectors .cds--link:visited seems to work. Maybe the documentation is outdated?
• Styles doesn't apply on the slotted component namely the icon seems to lose the margins

Component(s) impacted

So far I've only tested C4DLinkWithIcon

Browser

Chrome, Microsoft Edge

Carbon for IBM.com version

v2.5.0

Severity

Severity 2 = Aspects of design is broken, and impedes users in a significant way, but there is a way to complete their tasks. Affects major functionality, has a workaround.

Application/website

local

Package

@carbon/ibmdotcom-web-components, @carbon/web-components

CodeSandbox example

https://stackblitz.com/edit/github-6kzcu3-kcyxtw?file=src%2Findex.js

Steps to reproduce the issue (if applicable)

https://github.com/carbon-design-system/carbon-for-ibm-dotcom/tree/3943c96ddd78990d5d7a90263fb927f43707b3c6/packages/web-components#using-custom-styles-in-components

Release date (if applicable)

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate issues