Add <summary> hover effect to match <button>

diff --git a/index.html b/index.html
index 4239aa56cb89a905d7d1ebc72575415145fba049..c9a26bb6af832f19b81dd5cd4ad6d5397d2799e8 100644 (file)
--- a/index.html
+++ b/index.html
@@ -72,6 +72,14 @@
       background: var(--secondary-lighter);
       padding: 8px 16px;
       cursor: pointer;
+      filter: brightness(0.95);
+      transition: filter 500ms;
+    }
+
+    details summary:hover,
+    details summary:focus {
+      filter: brightness(1);
+      transition: filter 150ms;
     }
 
     details .details-body {