評価点数付きレビューコメントリスト

<ul class="d06-12-08-list">
          <li class="d06-12-08-row">
            <div class="d06-12-08-top"><span class="d06-12-08-name">佐々木 悠</span><span class="d06-12-08-stars">★★★★★</span></div>
            <p class="d06-12-08-text">期待以上の品質で満足しています。</p>
          </li>
          <li class="d06-12-08-row">
            <div class="d06-12-08-top"><span class="d06-12-08-name">近藤 麻衣</span><span class="d06-12-08-stars">★★★★☆</span></div>
            <p class="d06-12-08-text">サポート対応もスムーズでした。</p>
          </li>
          <li class="d06-12-08-row">
            <div class="d06-12-08-top"><span class="d06-12-08-name">前田 剛</span><span class="d06-12-08-stars">★★★☆☆</span></div>
            <p class="d06-12-08-text">価格の割には十分な内容でした。</p>
          </li>
        </ul>

.d06-12-08-list{ list-style:none; margin:0; padding:0; width:100%; display:flex; flex-direction:column; gap:9px; }
        .d06-12-08-row{ padding:9px 11px; background:#f7f8fc; border-radius:8px; }
        .d06-12-08-top{ display:flex; justify-content:space-between; align-items:center; }
        .d06-12-08-name{ font-size:11px; font-weight:700; color:#221f33; }
        .d06-12-08-stars{ color:#f5a623; font-size:11px; letter-spacing:1px; }
        .d06-12-08-text{ margin:4px 0 0; font-size:10.5px; line-height:1.5; color:#5c5977; }