Merge pull request #48 from geetika005/main

Added hover effect to Register buttons
2024-SANDHYA · Dec 22, 2021 · b0967c8 · b0967c8
2 parents e544af8 + 1226448
commit b0967c8
Showing 1 changed file with 25 additions and 3 deletions.
diff --git a/Register.css b/Register.css
@@ -137,19 +137,40 @@ input{
 }
 
 .btn{
+    font-family:'Alegreya Sans SC', sans-serif;
     border: 1px solid #fff;
     padding: 10px;
     background: transparent;
     border-radius: 20px;
     width: 50%;
     cursor: pointer;
-    font-size: 16px;
+    font-weight:700px;
+    font-size: medium;
     margin: 0 10px;
+    background: none;
+    border: 2px solid white;
+    color: white;
 }
 
 .primary{
+    font-size: medium;
+    font-family:'Alegreya Sans SC', sans-serif;
+    background: none;
+    border: 2px solid white;
+    color: white;
+
+}
+.primary:hover{
+    background: linear-gradient(45deg, yellow 24%, orange 100%);
     border: none;
-    background: linear-gradient(45deg,rgba(222,197,51,1)24%,rgba(255,107,0,1)100%);
+    color: black;
+
+
+}
+.btn:hover{
+    background: linear-gradient(45deg, yellow 24%, orange 100%);
+    border: none;
+    color: black;  
 }
 
 @media(max-width:700px){
@@ -171,6 +192,7 @@ input{
         width:100%;
         margin:5px;
         padding:5px;
+
     }
 }
 
@@ -186,4 +208,4 @@ input{
         margin:5px;
         padding:5px;
     }
-}
+}