Subscribe button problem is solved, #394 issue is solved

aslams2020 · Nov 10, 2024 · ea8dafa · ea8dafa
1 parent 98b1c90
commit ea8dafa
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -491,7 +491,7 @@ <h2>Stay Updated with Our Latest News</h2>
                                 class="email-input"
                                 required
                             />
-                            <button type="submit" class="btn submit-btn">Subscribe</button>
+                            <button type="submit" class="btn subscribe-btn">Subscribe</button>
                         </form>
                     </div>
                 </section>

diff --git a/style.css b/style.css
@@ -558,7 +558,9 @@ a:visited {
 
 /* Button Styling */
 
-.submit-btn {
+.submit-btn,
+.subscribe-btn
+{
   padding: 12px 25px;
   color: #fff;
   font-weight: bold;
@@ -572,7 +574,9 @@ a:visited {
   font-size: 16px;
 }
 
-.submit-btn:hover {
+.submit-btn:hover,
+.subscribe-btn:hover
+{
   transform: scale(1.05);
   box-shadow: 0 3px 15px rgba(244, 2, 2, 0.9), 0 0 30px rgba(237, 20, 4, 0.95);
   background: linear-gradient(135deg,
@@ -1200,6 +1204,10 @@ input[type="number"]::-webkit-outer-spin-button {
     width: 90%;
   }
 
+  .subscribe-btn{
+    width: auto;
+  }
+
   .footer {
     grid-template-columns: 1fr 1fr;
     padding: 2rem;