Updated style.scss for better visibility

Author: HackStyx

docs/assets/css/style.scss

@@ -1,5 +1,42 @@
 @import "{{ site.theme }}";
 
+// Button styles
+.buttons-container {
+  margin: 2rem 0;
+}
+
+.btn {
+  display: inline-block;
+  padding: 0.75rem 1.5rem;
+  font-size: 1.1rem;
+  font-weight: 600;
+  text-decoration: none;
+  border-radius: 0.5rem;
+  transition: all 0.2s ease-in-out;
+  margin-bottom: 1rem;
+  
+  &:hover {
+    text-decoration: none;
+    transform: translateY(-1px);
+  }
+}
+
+.btn-blue {
+  color: #fff;
+  background-color: #2563eb;
+  border: 1px solid #2563eb;
+  
+  &:hover {
+    background-color: #1d4ed8;
+    border-color: #1d4ed8;
+    color: #fff;
+  }
+}
+
+.mr-2 {
+  margin-right: 1rem;
+}
+
 // Custom styles
 .site-footer {
   text-align: center;
@@ -22,18 +59,6 @@
   }
 }
 
-.btn {
-  color: rgba(255, 255, 255, 0.9);
-  background-color: rgba(255, 255, 255, 0.08);
-  border-color: rgba(255, 255, 255, 0.2);
-  
-  &:hover {
-    color: rgba(255, 255, 255, 0.8);
-    background-color: rgba(255, 255, 255, 0.2);
-    border-color: rgba(255, 255, 255, 0.3);
-  }
-}
-
 // Table styles
 table {
   display: table;
@@ -62,4 +87,4 @@ table {
     line-height: 1.4;
     overflow-x: auto;
   }
-} 
+}