Match <select> CSS with <button>

diff --git a/index.html b/index.html
index c97ebf30479a159b81483dcb7c7c7572fd934018..8d1538c5705edc3a33a758c8ad92cc87558ed6a9 100644 (file)
--- a/index.html
+++ b/index.html
@@ -50,6 +50,12 @@
       border: 1px solid hsl(216deg 50% 50%);
     }
 
+    button,
+    select {
+      cursor: pointer;
+      transition: filter 400ms;
+    }
+
     select {
       padding: 4px;
     }
@@ -69,12 +75,9 @@
 
     button {
       padding: 4px 8px;
-      cursor: pointer;
-      transition: filter 400ms;
     }
 
-    button:hover,
-    button:focus {
+    :is(button, select):is(:hover, :focus) {
       filter: brightness(110%);
       transition: filter 200ms;
     }