Merge pull request #472 from aartijangra/main

added hovering effect to buttons
piyushg-07 · Jun 8, 2024 · 7e4db80 · 7e4db80
2 parents 134509e + 97cabed
commit 7e4db80
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 2 deletions.
diff --git a/css/sec1.css b/css/sec1.css
@@ -73,13 +73,39 @@
 
 }
 .s1btn1 {
-    width:fit-content;
+    /* width:fit-content;
     padding: .9rem;
     margin: 0 0.7rem;
     border: none;
     border-radius: 1rem;
+    background-color: #ff765d;
+    color: white; */
+    cursor: pointer;
+    height: 2.5rem;
+    width: 7.2rem;
+    margin: 0 ;
+    border-radius: 1rem;
+    border: none;
+    border: 1px solid #ff765d;
+    background-color: white;
+    margin: 0 0.5rem;
+    font-size: 1rem;
+    color: black;
+    font-weight: bold;
+
+
+}
+
+/* add hovering effect to s1btn1 buttons */
+/* .s1btn1:hover {
     background-color: #ff765d;
     color: white;
+    cursor: pointer;
+} */
+
+.s1btn1-recent:hover{
+    color: #fff;
+    background-color: #ff765d;
 }
 
 .s1part2 a {

diff --git a/css/sec2.css b/css/sec2.css
@@ -22,8 +22,10 @@
     border: 1px solid #ff765d;
     background-color: white;
     margin: 0 1rem;
-    font-size: 0.8rem;
+    font-size: 1rem;
     color: black;
+    font-weight: bold;
+
 }
 .sec2btn2-recent:hover{
     color: #fff;