#101217
1<div class="group relative w-[206px] overflow-hidden rounded-xl border border-white/10 bg-[#181b22] p-3 pl-4 font-sans">2 <span class="absolute inset-y-0 left-0 w-1 bg-white/15 transition-colors duration-300 group-has-[#pr-baixa:checked]:bg-emerald-400 group-has-[#pr-media:checked]:bg-amber-400 group-has-[#pr-alta:checked]:bg-rose-500"></span>3 <p class="text-sm font-semibold text-white">Revisar contrato</p>4 <p class="mb-2.5 text-[11px] text-white/40">Hoje · 18h</p>5 <div class="flex gap-1.5">6 <label class="flex flex-1 cursor-pointer items-center justify-center gap-1 rounded-lg border border-white/10 py-1.5 text-[11px] font-medium text-white/50 transition hover:text-white/80 has-checked:border-emerald-400/60 has-checked:bg-emerald-400/15 has-checked:text-emerald-300 has-focus-visible:ring-2 has-focus-visible:ring-emerald-400/50">7 <input type="radio" name="prioridade" id="pr-baixa" class="sr-only" />8 <svg class="size-3" viewBox="0 0 24 24" fill="currentColor"><path d="M5 3h2v18H5zM8 4h11l-3 4.5 3 4.5H8z"/></svg>Baixa9 </label>10 <label class="flex flex-1 cursor-pointer items-center justify-center gap-1 rounded-lg border border-white/10 py-1.5 text-[11px] font-medium text-white/50 transition hover:text-white/80 has-checked:border-amber-400/60 has-checked:bg-amber-400/15 has-checked:text-amber-300 has-focus-visible:ring-2 has-focus-visible:ring-amber-400/50">11 <input type="radio" name="prioridade" id="pr-media" class="sr-only" checked />12 <svg class="size-3" viewBox="0 0 24 24" fill="currentColor"><path d="M5 3h2v18H5zM8 4h11l-3 4.5 3 4.5H8z"/></svg>Média13 </label>14 <label class="flex flex-1 cursor-pointer items-center justify-center gap-1 rounded-lg border border-white/10 py-1.5 text-[11px] font-medium text-white/50 transition hover:text-white/80 has-checked:border-rose-500/60 has-checked:bg-rose-500/15 has-checked:text-rose-300 has-focus-visible:ring-2 has-focus-visible:ring-rose-400/50">15 <input type="radio" name="prioridade" id="pr-alta" class="sr-only" />16 <svg class="size-3 group-has-[#pr-alta:checked]:animate-pulse motion-reduce:animate-none" viewBox="0 0 24 24" fill="currentColor"><path d="M5 3h2v18H5zM8 4h11l-3 4.5 3 4.5H8z"/></svg>Alta17 </label>18 </div>19</div>