如何在CSS中更改文本下划线的线宽

I want output as follows btw currently I'm using bellow CSS to do this

.text-underline {
    border-bottom: 4px solid #f8f8f8;
    padding: 0 0 2px;
  }

但它适用于整个文本，并且我想减小此行的宽度