From a243fd5c19a333cd180baa49d8faef58535fa61c Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Sat, 8 Oct 2022 22:00:03 -0700
Subject: [PATCH] Add button styling

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

diff --git a/index.html b/index.html
index 8381757..2226068 100644
--- a/index.html
+++ b/index.html
@@ -60,6 +60,23 @@
       transition: transform 150ms;
     }
 
+    button {
+      background: var(--primary);
+      color: var(--white);
+      font-weight: 700;
+      border: none;
+      padding: 16px;
+      border-radius: 4px;
+      cursor: pointer;
+      transition: filter 500ms;
+    }
+
+    button:hover,
+    button:focus {
+      filter: brightness(110%);
+      transition: filter 150ms;
+    }
+
     form {
       display: flex;
       flex-wrap: wrap;
-- 
2.47.3