Merge pull request #1441 from neeru24/patch-7

Enhance Button Styles in GitHub Buttons Component

Author: sanjay-kv

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%;