coloque os detalhes dos tipos de crimes ao clicar, a selecao fica amarelo

index.html

@@ -54,7 +54,12 @@
             transform: translateY(-2px);
             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
         }
-        .add-btn {
+        input[name="crimeType"]:checked + div {
+            background-color: #fcd34d !important;
+            color: #000 !important;
+            border-color: #fcd34d !important;
+        }
+.add-btn {
             transition: all 0.3s ease;
         }
         .add-btn:hover {
@@ -92,37 +97,37 @@
                     
                     <div class="grid grid-cols-2 md:grid-cols-3 gap-3">
                         <label class="crime-tag cursor-pointer">
-                            <input type="radio" name="crimeType" value="drugs" class="hidden peer" required style="accent-color: yellow;">
-                            <div class="bg-dark peer-checked:bg-primary peer-checked:text-white rounded-lg p-3 text-center border border-white border-opacity-20">
-                                <i data-feather="package" class="w-5 h-5 mx-auto mb-1"></i>
+                            <input type="radio" name="crimeType" value="drugs" class="hidden peer" required>
+                            <div class="bg-dark rounded-lg p-3 text-center border border-white border-opacity-20 transition-colors duration-200">
+<i data-feather="package" class="w-5 h-5 mx-auto mb-1"></i>
                                 Tráfico de Drogas
                             </div>
                         </label>
                         <label class="crime-tag cursor-pointer">
                             <input type="radio" name="crimeType" value="weapons" class="hidden peer">
-                            <div class="bg-dark peer-checked:bg-primary peer-checked:text-white rounded-lg p-3 text-center border border-white border-opacity-20">
-                                <i data-feather="zap" class="w-5 h-5 mx-auto mb-1"></i>
+                            <div class="bg-dark rounded-lg p-3 text-center border border-white border-opacity-20 transition-colors duration-200">
+<i data-feather="zap" class="w-5 h-5 mx-auto mb-1"></i>
                                 Porte Ilegal de Armas
                             </div>
                         </label>
                         <label class="crime-tag cursor-pointer">
                             <input type="radio" name="crimeType" value="homicide" class="hidden peer">
-                            <div class="bg-dark peer-checked:bg-primary peer-checked:text-white rounded-lg p-3 text-center border border-white border-opacity-20">
-                                <i data-feather="activity" class="w-5 h-5 mx-auto mb-1"></i>
+                            <div class="bg-dark rounded-lg p-3 text-center border border-white border-opacity-20 transition-colors duration-200">
+<i data-feather="activity" class="w-5 h-5 mx-auto mb-1"></i>
                                 Autor de Homicídio
                             </div>
                         </label>
                         <label class="crime-tag cursor-pointer">
                             <input type="radio" name="crimeType" value="theft" class="hidden peer">
-                            <div class="bg-dark peer-checked:bg-primary peer-checked:text-white rounded-lg p-3 text-center border border-white border-opacity-20">
-                                <i data-feather="shield" class="w-5 h-5 mx-auto mb-1"></i>
+                            <div class="bg-dark rounded-lg p-3 text-center border border-white border-opacity-20 transition-colors duration-200">
+<i data-feather="shield" class="w-5 h-5 mx-auto mb-1"></i>
                                 Roubo/Furto
                             </div>
                         </label>
                         <label class="crime-tag cursor-pointer">
                             <input type="radio" name="crimeType" value="wanted" class="hidden peer">
-                            <div class="bg-dark peer-checked:bg-primary peer-checked:text-white rounded-lg p-3 text-center border border-white border-opacity-20">
-                                <i data-feather="eye" class="w-5 h-5 mx-auto mb-1"></i>
+                            <div class="bg-dark rounded-lg p-3 text-center border border-white border-opacity-20 transition-colors duration-200">
+<i data-feather="eye" class="w-5 h-5 mx-auto mb-1"></i>
                                 Procurado pela Justiça
                             </div>
                         </label>