From 8f157dae8327ac7bcafbc4f0059e6ce3ead035a5 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Sat, 22 Oct 2022 22:56:58 -0700
Subject: [PATCH] Upgrade hover effect to drop-shadow

---
 index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 1ec33bf..0e9dfb6 100644
--- 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 {
-- 
2.47.3