Update style.css

style.css

@@ -470,40 +470,60 @@ label.container.show_textbox_border {
     border-radius: 10px !important;*/
 }
 
-/* ===============================
-   SKICKA / RENSA – TVINGAT LJUST
-   =============================== */
+//* =====================================
+   SKICKA & RENSA – TVINGAT LJUST
+   ===================================== */
 
-button.gr-button.send-btn,
-button.gr-button.send-btn.primary,
-button.gr-button.send-btn.secondary,
-button.gr-button.send-btn:where(*) {
+button.gr-button.send-btn {
     background-color: #ffffff !important;
     color: #000000 !important;
     border: 2px solid #000000 !important;
     border-radius: 10px !important;
+
     font-weight: 600;
     width: 120px !important;
     min-width: 120px !important;
-    background: !important;
+
+    box-shadow: none !important;
 }
 
 /* Hover */
 button.gr-button.send-btn:hover {
-    background-color: #1e5bd7 !important;
+    background-color: #f2f2f2 !important;
+    color: #000000 !important;
 }
 
-/* Tvinga ljusa knappar */
+/* Ta bort Gradio "primary"-färger */
 button.gr-button.send-btn {
-    background-color: #ffffff !important;
-    color: #000000 !important;
-    border: 2px solid #000000 !important;
-
     --button-primary-background-fill: #ffffff !important;
-    --button-primary-background-fill-hover: #1e5bd7 !important;
+    --button-primary-background-fill-hover: #f2f2f2 !important;
     --button-primary-text-color: #000000 !important;
 }
 
-button.gr-button.send-btn:hover {
-    background-color: #1e5bd7 !important;
+/* =====================================
+   CHECKBOX – VISA RESONEMANG
+   ===================================== */
+
+.gr-checkbox {
+    background: transparent !important;
+}
+
+/* Själva checkbox-rutan */
+.gr-checkbox input[type="checkbox"] {
+    accent-color: #000000;        /* modern browsers */
+    width: 16px;
+    height: 16px;
 }
+
+/* Texten */
+.gr-checkbox label {
+    color: #000000 !important;
+    font-weight: 500;
+}
+
+/* Ingen mörk bakgrund vid hover/focus */
+.gr-checkbox:hover,
+.gr-checkbox:focus,
+.gr-checkbox * {
+    background: transparent !important;
+}