Merge pull request #1441 from neeru24/patch-7

Enhance Button Styles in GitHub Buttons Component
recodehive · Oct 16, 2024 · 7b98d62 · 7b98d62
2 parents 9ac6fba + c3fe92b
commit 7b98d62
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/Website/css/styles.css b/Website/css/styles.css
@@ -1486,7 +1486,7 @@ h1 {
     margin-bottom: 40px;
 }
 
-/* Layout */
+/* Container layout */
 .github-container {
     display: flex;
     justify-content: space-between;
@@ -1503,19 +1503,25 @@ h1 {
     width: 80%;
     padding: 25px;
     margin-bottom: 30px;
-    background-color: #48d4f0;
+    background-color: #48d4f0; 
     color: white;
     border: none;
     cursor: pointer;
     font-size: 1rem;
     border-radius: 5px;
-    transition: background-color 0.3s ease;
+    font-weight: bold;
+    transition: background-color 0.3s ease, box-shadow 0.3s ease;
 }
 
+/* Button hover effect */
 .github-buttons button:hover {
-    background-color: #03404a;
+    background-color: #ffeb3b; 
+    color: #03404a; 
+    box-shadow: 0 0 15px #ffeb3b; 
+    font-weight: bold;
 }
 
+
 /* Image Display */
 .github-image {
     width: 65%;