Add button styling

diff --git a/index.html b/index.html
index e3a3d60b1ae3b3048f0e2808ae1b3c6a50a8c064..4a1064400d30f0d2d37c3dc5c5032407aa1c40e7 100644 (file)
--- a/index.html
+++ b/index.html
@@ -106,6 +106,20 @@
 
     button {
       inline-size: fit-content;
+      background: var(--secondary-lighter);
+      font-weight: 700;
+      padding: 16px;
+      border: 1px solid var(--secondary);
+      border-radius: 12px;
+      filter: brightness(0.95);
+      transition: filter 500ms;
+    }
+
+    button:hover,
+    button:focus {
+      cursor: pointer;
+      filter: brightness(1);
+      transition: filter 150ms;
     }
 
     output {