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

f:id:nitamago_monster:20150901201452p:plain

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

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