Better Back To Top link layout

2 files changed, 23 insertions, 25 deletions

diff --git a/public/css/modules/back-to-top.css b/public/css/modules/back-to-top.css
deleted file mode 100644
index 038f67b..0000000
--- a/public/css/modules/back-to-top.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.back-to-top {
-  width: fit-content;
-  margin-inline-start: auto;
-}
\ No newline at end of file
diff --git a/public/css/modules/btn.css b/public/css/modules/btn.css
index 1df9f5a..a928efe 100644
--- a/public/css/modules/btn.css
+++ b/public/css/modules/btn.css
@@ -1,22 +1,24 @@
 .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
+  display: block;
+  box-sizing: border-box;
+  color: var(--text-color);
+  border: solid 2px var(--text-color);
+  font-weight: 500;
+  text-align: center;
+  padding-inline: var(--padding-inline-md);
+  padding-block: var(--padding-block-sm);
+  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