ペイウォール(ぼかし+続きを読むCTA)

<div class="d10-05-01-article">
          <div class="d10-05-01-lines">
            <span></span><span></span><span></span><span></span>
            <span></span><span></span><span></span><span class="d10-05-01-short"></span>
          </div>
          <div class="d10-05-01-fade"></div>
          <div class="d10-05-01-cta">
            <p>続きは会員限定です</p>
            <button type="button">続きを読むには登録</button>
          </div>
        </div>

.d10-05-01-article{position:relative;width:100%;max-width:340px}
        .d10-05-01-lines span{
          display:block;height:9px;border-radius:4px;background:#e2e8f0;margin-bottom:10px;
        }
        .d10-05-01-lines span:nth-child(3n+1){width:100%}
        .d10-05-01-lines span:nth-child(3n+2){width:92%}
        .d10-05-01-lines span:nth-child(3n){width:78%}
        .d10-05-01-short{width:55%!important}
        .d10-05-01-fade{
          position:absolute;left:0;right:0;bottom:0;height:70%;
          background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 75%);
          backdrop-filter:blur(3px);
        }
        .d10-05-01-cta{
          position:absolute;left:0;right:0;bottom:6px;
          display:flex;flex-direction:column;align-items:center;gap:10px;
        }
        .d10-05-01-cta p{margin:0;font-size:12px;font-weight:700;color:#475569}
        .d10-05-01-cta button{
          border:none;border-radius:999px;padding:10px 22px;
          background:linear-gradient(135deg,#7c3aed,#c026d3);
          color:#fff;font-size:13px;font-weight:700;cursor:pointer;
          box-shadow:0 6px 16px rgba(124,58,237,.35);
        }