From 79bdd9422ed1ac7d5dc55e0dd871d0add3340714 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Tue, 4 Oct 2022 00:03:07 -0700
Subject: [PATCH] Add button styling

---
 index.html | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/index.html b/index.html
index e3a3d60..4a10644 100644
--- 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 {
-- 
2.47.3