**Leer hasta el final****
Estoy intentando realizar el cambio de color de una palabra en el cual recibo e.j: 
"EDU MOLA" y las 2 últimas letras de la palabra que sea deben ir en rojo.



    <!DOCTYPE html>
    <html>
    <head>
    <style>
     
     .molon:last-letter {
    	color: red;
     }
     
    </style>
    </head>
    <body>
    
     <p class='molon'> EDU MOLA </p>
    
    </body>
    </html>

La cuestión es que ese last-letter no funciona (Y en el caso de que lo haría pintaría la A no las 2 últimas).
He probado con:

    .molon:last-child{
El problema aquí es que pinta toda la palabra.

La dificultad radica en que este texto será insertado en html mediante un "grid":

    {
      "name": "descripcion",
      "index": "descripcion",
      "align": "left"
    }

Por lo que YO no genero el html... así que las soluciones de `<p class='molon'>` EDU MO`<span color_rojo>LA </span>` `</p>`

Lo siento pero no valen.
Estaba practicando a ver como obtener las 2 últimas letras con css pero como comenté al principio me está dando problemas.
Gracias.