From: Ardis Lu <ardisglu@gmail.com>
Date: Tue, 4 Oct 2022 07:03:07 +0000 (-0700)
Subject: Add button styling
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=79bdd9422ed1ac7d5dc55e0dd871d0add3340714;p=ens2hex

Add button styling
---

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 {