Merge pull request #221 from SadafKausar2025/master

Added Margin and effect to Subscribe button
JiyaGupta-cs · May 18, 2024 · 1ae8318 · 1ae8318
2 parents e04edad + 666e4d9
commit 1ae8318
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/src/Components/NewsLetter/NewsLetter.css b/src/Components/NewsLetter/NewsLetter.css
@@ -49,15 +49,25 @@
 .newsletter div button {
   width: 140px;
   height: 50px;
+  margin-right: 44px;
   border-radius: 80px;
   background: black;
   color: white;
   font-size: 16px;
   cursor: pointer;
   border: none;
   position: relative;
-  right: 11.5%;
+
+  right: 10.5%;
+
+}
+
+.newsletter div button:hover {
+  background-color: #454545;
+  font-size: 12px;
+
 }
+
 .newsletter {
   /* existing styles */
 
@@ -73,10 +83,12 @@
   0% {
     transform: translateY(0);
   }
+
   50% {
     transform: translateY(-10px);
   }
+
   100% {
     transform: translateY(0);
   }
-}
+}