ホバー展開レビュー

<div class="d06-01-08-list">
          <div class="d06-01-08-card">
            <div class="d06-01-08-stars">★★★★★</div>
            <p class="d06-01-08-short">対応が早く、仕上がりも完璧でした。</p>
            <p class="d06-01-08-full">見積もりから納品まで一貫してスピーディで、こちらの細かな要望にも一つひとつ丁寧に応えていただきました。次のプロジェクトでもぜひお願いしたいです。</p>
            <cite>N.S 様</cite>
          </div>
        </div>

.d06-01-08{background:linear-gradient(135deg,#f0fdf4,#ecfeff)}
        .d06-01-08-card{width:300px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 22px rgba(20,120,90,.12);cursor:pointer;transition:box-shadow .3s}
        .d06-01-08-card:hover{box-shadow:0 16px 36px rgba(20,120,90,.2)}
        .d06-01-08-stars{color:#ffb400;letter-spacing:2px;margin-bottom:12px}
        .d06-01-08-short{margin:0;color:#1f513f;font-size:14px;font-weight:600;line-height:1.7}
        .d06-01-08-full{margin:0;color:#4a6b5c;font-size:13px;line-height:1.8;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .4s ease,margin .4s ease}
        .d06-01-08-card:hover .d06-01-08-full{max-height:200px;opacity:1;margin-top:10px}
        .d06-01-08-card cite{display:block;margin-top:14px;font-style:normal;font-weight:700;color:#134e37;font-size:13px}