JSFiddle - React, Tailwind, and code Playground
HTML
<span class="text-gradient">1<s class="hs"></s>073<s
class="hs"></s>498<i class="gradient">1<s
class="hs"></s>073<s class="hs"></s>498</i></span>
CSS
.hs {
/* Полупробел для
разделения разрядов чисел:
10<s class="hs"></s>000 */
margin-left: .2em;
text-decoration: none;
}
.text-gradient {
font-family: 'Arial Narrow', Arial, sans-serif;
font-size: 96px;
line-height: normal;
font-weight: bold;
position: relative;
color: transparent;
white-space: nowrap;
text-shadow: 0 2px 2px rgba(0, 0, 0, .5);
}
.text-gradient .gradient {
position: absolute;
left: 0;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: none;
color: #2aab33;
background-image: -webkit-linear-gradient(#b0fb68, #2aab33);
/* Запрещаем рисовать градиент Опере,
понимающей префикс -webkit- */
background-image: -o-linear-gradient(transparent, transparent);
}