css – How to make a bas relief effect in the texts?

I would like to make a bas relief effect on a text. Use of the property text-shadow it is possible to do so, as shown below:

.box{
   font-family: Arial;
   background: #bababa;
   text-shadow: 1px 1px 0 #e0e0e0;
   font-size: 3em;
   font-weight: bold;
   padding: 20px;
}
Texto

The problem is that in my project, the div where the text is located has a lighter background than in the example above (background: #f5f5f5;), and with that, the effect of text-shadow imperceptible due to the low contrast between the background and the color of text-shadow, see:

.box{
   font-family: Arial;
   background: #f5f5f5;
   text-shadow: 1px 1px 0 #e0e0e0;
   font-size: 3em;
   font-weight: bold;
   padding: 20px;
}
Texto

It would be something similar to the value inset property box-shadowbut the box-shadow only applies to content tags (div, span etc.) and not to the texts.

Is it possible to do this bas relief effect in texts with CSS? How? 'Or' What?