Apply custom CSS to only the front side of a Basic Card Rem

Dear community,

I have a Rem with the Basic Card syntax tagged #khmer:

ក → kho #khmer

I would like to have the front side of the card, thus the khmer character only “ក” to be displayed in a different font family and size.

When I edit a custom CSS as such:

[data-rem-tags~="khmer"] .rem-text{
      font-family: DaunPenh;
      font-size: 20px;
}

the whole Rem is then turned into that editing change, even the arrow.
Is there a syntaxic way to apply that font family and size only to the khmer “ក” character at the front of the Flashcard?

Thanks for your help