Verified Purchaser Product Review Writer

<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<form class="rev-writer-card" onsubmit="return false;"><h3>Write a Review</h3><div class="rev-stars">★★★★★</div><label>REVIEW TITLE</label><input type="text" placeholder="e.g. Best quality jacket I own!"><label>YOUR REVIEW</label><textarea rows="2" placeholder="Tell others about fit, material..."></textarea><label class="recommend-cb"><input type="checkbox" checked> I recommend this product</label><button type="submit" class="pub-rev-btn">Submit Review</button></form>

/*
 * Author: @codepeek
 * License: MIT
 * Tags: #buttons #css #interface #opensource #codepeek
 */

.rev-writer-card { width: 210px; background: #ffffff; border-radius: 16px; padding: 18px; box-shadow: 0 15px 35px rgba(0,0,0,0.06); font-family: system-ui, sans-serif; margin: auto; box-sizing: border-box; }
.rev-writer-card h3 { margin: 0; font-size: 12px; font-weight: 800; color: #0f172a; }
.rev-stars { color: #f59e0b; font-size: 14px; margin: 4px 0 8px; letter-spacing: 2px; }
.rev-writer-card label { display: block; font-size: 6px; font-weight: 800; color: #64748b; margin: 6px 0 2px; letter-spacing: 0.5px; }
.rev-writer-card input[type="text"], .rev-writer-card textarea { width: 100%; border: 1px solid #e2e8f0; border-radius: 6px; padding: 5px 7px; font-size: 8px; outline: none; box-sizing: border-box; font-family: inherit; }
.rev-writer-card textarea { resize: none; }
.recommend-cb { display: flex !important; align-items: center; gap: 4px; font-size: 7px !important; color: #334155 !important; font-weight: 600 !important; margin: 8px 0 !important; cursor: pointer; }
.pub-rev-btn { width: 100%; background: #0f172a; color: #fff; border: none; border-radius: 6px; padding: 7px; font-size: 8px; font-weight: 800; cursor: pointer; }