引用符付きレビューカード

<div class="d06-01-01-card">
          <div class="d06-01-01-quote">&ldquo;</div>
          <div class="d06-01-01-stars">★★★★★</div>
          <p class="d06-01-01-text">対応が丁寧で、依頼から納品までとてもスムーズでした。また必ずお願いしたいと思えるお店です。</p>
          <div class="d06-01-01-who">
            <span class="d06-01-01-av" style="--g1:#6366f1;--g2:#a855f7">田</span>
            <span class="d06-01-01-name">田中 様<small>会社員</small></span>
          </div>
        </div>

.d06-01-01{background:linear-gradient(135deg,#f5f3ff,#eef2ff)}
        .d06-01-01-card{background:#fff;border-radius:16px;padding:28px 26px 24px;max-width:340px;box-shadow:0 8px 24px rgba(80,60,160,.12);position:relative;transition:transform .35s ease,box-shadow .35s ease}
        .d06-01-01-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(80,60,160,.22)}
        .d06-01-01-quote{position:absolute;top:6px;left:18px;font-size:72px;line-height:1;color:#c7b8ff;font-family:Georgia,serif}
        .d06-01-01-stars{color:#ffb400;letter-spacing:2px;margin-bottom:10px;position:relative}
        .d06-01-01-text{color:#3b3550;font-size:14px;line-height:1.8;margin:0 0 18px}
        .d06-01-01-who{display:flex;align-items:center;gap:12px}
        .d06-01-01-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--g1),var(--g2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}
        .d06-01-01-name{font-weight:700;color:#2a2340;font-size:14px;display:flex;flex-direction:column}
        .d06-01-01-name small{font-weight:400;color:#9089a8;font-size:11px;margin-top:2px}