div底部一条渐变线样式

<div class="bg-box">
    <div class="text">这段文字下其实是白色背景色挡住了渐变</div>
</div>

.bg-box {
    background: linear-gradient(90deg, #6139f6 0.126%, #524af1 44.067%, #2a7af2 97.163%);
    padding-bottom: 2px;
    .text{
        background: #fff;
    }
}