CSSでおしゃれな色付き下線を引く方法

おしゃれな下線

こんな感じの少し太めで色付いて少し文字とかぶってる下線を引くには要素に↓を指定します。

background: linear-gradient(transparent 80%, #FDC734 0);