#1 Icon and RTL

There is a button with an icon on the left side. The icon uses margin-right to separate itself from the text.

.icon {
  margin-right: 0.5em;
}

But in the RTL version, the icon should have margin on the left side instead of right side.

What is the best way to fix this issue for RTL mode