Upgrade hover effect to drop-shadow

diff --git a/index.html b/index.html
index 1ec33bfe12a0038f86b21dc24ad87045a7a55177..0e9dfb6dfbbbe0fa370fcb4b18a6ef1a12f8f11c 100644 (file)
--- a/index.html
+++ b/index.html
@@ -32,14 +32,14 @@
       padding: 0;
       width: 24px;
       height: 24px;
-      transition: background-color 500ms;
+      transition: filter 500ms;
     }
 
     .info-button:hover,
     .info-button:focus {
       cursor: pointer;
-      background: hsl(58deg 80% 70%);
-      transition: background-color 150ms;
+      filter: drop-shadow(0 0 16px hsl(130deg 100% 40%));
+      transition: filter 150ms;
     }
 
     dialog {