吹き出し会話型レビュー

<div class="d06-01-06-chat io-reveal">
          <div class="d06-01-06-msg d06-01-06-l" style="--d:0"><span class="d06-01-06-av" style="--g1:#6366f1;--g2:#818cf8">T</span><p>問い合わせの返信がとても早くて驚きました！</p></div>
          <div class="d06-01-06-msg d06-01-06-r" style="--d:.15s"><p>こちらこそ、ご丁寧にありがとうございました。</p><span class="d06-01-06-av" style="--g1:#f43f5e;--g2:#fb7185">運</span></div>
          <div class="d06-01-06-msg d06-01-06-l" style="--d:.3s"><span class="d06-01-06-av" style="--g1:#6366f1;--g2:#818cf8">T</span><p>また次回もぜひお願いしますね。安心して任せられます。</p></div>
        </div>

.d06-01-06{background:#f1f5f9}
        .d06-01-06-chat{width:320px;display:flex;flex-direction:column;gap:14px}
        .d06-01-06-msg{display:flex;align-items:flex-end;gap:8px;opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease;transition-delay:var(--d)}
        .d06-01-06-chat.is-in .d06-01-06-msg{opacity:1;transform:none}
        .d06-01-06-r{flex-direction:row-reverse}
        .d06-01-06-av{width:34px;height:34px;flex:0 0 34px;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:13px}
        .d06-01-06-msg p{margin:0;padding:11px 15px;border-radius:16px;font-size:13px;line-height:1.6;max-width:210px;box-shadow:0 3px 10px rgba(30,41,59,.08)}
        .d06-01-06-l p{background:#fff;color:#334155;border-bottom-left-radius:4px}
        .d06-01-06-r p{background:#6366f1;color:#fff;border-bottom-right-radius:4px}