Credit Card with RTL the float:right makes a problem

Hello everyone,
Thanks for your efforts,
I have a problem with the module when the direction of the page get rtl,
the float:right in .jp-card .jp-card-front .jp-card-lower .jp-card-expiry,
because the name also comes in the right,
I tried this but didn't work in chrome:
.jp-card .jp-card-front .jp-card-lower .jp-card-expiry[direction="rtl"] {
float: left
}

what could be the solution?

Start with the .jp-card .jp-card-front .jp-card-lower .jp-card-expiry styles and reproduce the RTL layout problem in Chrome. Check how the card handles page direction and verify that the expiry area and cardholder name are positioned correctly when the page is RTL.

Written by the indexing model from the issue text.