Reading & Writing

you should be using logical properties

.card {
  padding-inline: 1rem;        /* not left / right */
  margin-block: 2rem;          /* not top / bottom */
  border-inline-start: 2px solid;
}

:dir(rtl) .chevron { rotate: .5turn; }