From 490447fc142ea0fdb0389a3964ce75a3f72b6ed3 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Fri, 18 Aug 2023 19:38:57 +0100
Subject: Pulls out .btn block

---
 public/css/btn.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 public/css/btn.css

(limited to 'public/css/btn.css')

diff --git a/public/css/btn.css b/public/css/btn.css
new file mode 100644
index 0000000..1df9f5a
--- /dev/null
+++ b/public/css/btn.css
@@ -0,0 +1,22 @@
+.btn {
+    color: var(--text-color);
+    border: solid 2px var(--text-color);
+    font-weight: 500;
+    text-decoration: underline;
+    padding-inline: 0.5rem;
+    padding-block: 0.25rem;
+    background-color: transparent;
+    transition:
+      background-color 300ms,
+      text-decoration-color 300ms,
+      transform 50ms;
+  }
+  
+  .btn:hover {
+    background-color: var(--background-highlight-color);
+    text-decoration-color: transparent;
+  }
+  
+  .btn:active {
+    transform: scale(1.1, 1.1);
+  }
\ No newline at end of file
-- 
cgit v1.2.3