add smoothing to button hover

Extensions/chrome/popup.css

@@ -33,8 +33,8 @@ button {
   border: none;
   border-radius: 4px;
   font-weight: 500;
-  box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%),
-    0 1px 10px 0 rgb(0 0 0 / 12%);
+  box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
+  transition: .4s;
 }
 
 button:hover {

Extensions/firefox/popup.css

@@ -32,11 +32,12 @@ button {
     border-radius: 4px;
     font-weight: 500;
     box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
+    transition: .4s;
 }
 
 button:hover {
     background: #444;
-  }
+}
 
 #advancedToggle {
     margin-top: 1em;