background line per line

by hondana

HTML

<div>
<p>ツール自体は差は無いのですが、SNSは長期運用が中心だと思うので、コスト面と言うところで「owlead」を押したいと思います。<span class="background-line-per-line">owlead社からのご厚意でこのリンクから申し込むと50%OFF</span>にしていただけるそうなので、気になる方はどうぞ。もちろん英語対応となりますが、このリンクから申し込み頂いた方であれば、自分でも運用しているので可能な限りサポートはさせて頂きます。
</p>
</div>

CSS

.background-line-per-line{
display: inline;
font-size: 1em;
font-weight:700;
line-height: 1.4em;
padding: 1px 10px;
background: linear-gradient(transparent 0%, #FFF1A6 0%);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
border-radius: 20px;
color: #514e3c;
}