[web-components]: card link icons have extra space to the right on RTL pages (v1)

[jkaeser]

Description

We use padding-right to set spacing for LTR documents, but this doesn't look right in RTL documents. We should use logical properties to fix this.

See Olivia's original comment: #11760 (comment)

Component(s) impacted

dds-card-footer
dds-card-cta-footer

Browser

Chrome

Carbon for IBM.com version

v1.x

Severity

Severity 3 = The problem is visible or noticeable to users but does not impede the usability or functionality. Affects minor functionality, has a workaround.

Application/website

AEM

Package

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

CodeSandbox example

none

Steps to reproduce the issue (if applicable)

No response

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

[m4olivei]

It's odd that this bug is present. I'd expect the rtlcss tool to take care of this for v1. I'd love to know why rtlcss is missing this 🤔 .

I also wonder if it's getting missed in the same way for the CDN builds vs. Storybook b/c they use Rollup vs. Webpack respectively.