Interactive Opinion Poll Form

<!--
  Author: @codepeek
  License: MIT
  Tags: #buttons #css #interface #opensource #codepeek
-->
<form class="poll-card" onsubmit="return false;"><h5>COMMUNITY POLL</h5><h4>Best Frontend Stack?</h4><div class="poll-list"><label><input type="radio" name="poll"> React + Tailwind</label><label><input type="radio" name="poll"> Vue + Nuxt</label><label><input type="radio" name="poll"> SvelteKit</label></div><button type="submit">Cast Vote</button></form>

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

.poll-card { width: 200px; background: #ffffff; border-radius: 14px; padding: 16px; box-shadow: 0 15px 30px rgba(0,0,0,0.06); font-family: system-ui, sans-serif; margin: auto; box-sizing: border-box; }
.poll-card h5 { margin: 0; font-size: 6px; font-weight: 800; color: #8b5cf6; letter-spacing: 1px; }
.poll-card h4 { margin: 2px 0 10px; font-size: 11px; font-weight: 800; color: #0f172a; }
.poll-list { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; }
.poll-list label { display: flex; align-items: center; gap: 6px; font-size: 8px; font-weight: 700; color: #334155; background: #f8fafc; border: 1px solid #f1f5f9; padding: 6px 8px; border-radius: 6px; cursor: pointer; }
.poll-card button { width: 100%; background: #8b5cf6; color: #ffffff; border: none; border-radius: 6px; padding: 7px; font-size: 8px; font-weight: 800; cursor: pointer; }