Style the send button

apu52 · Jan 17, 2024 · 43b0d6e · 43b0d6e
1 parent 5225f54
commit 43b0d6e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -307,7 +307,7 @@ <h2 class="section__title">Subscribe to get special prize</h2>
         <div class="subscribe__form">
           <form>
             <input type="email" placeholder="Your email here" />
-            <button class="btn" type="submit">Send</button>
+            <button class="btn" id="send" type="submit">Send</button>
           </form>
         </div>
       </div>

diff --git a/styles.css b/styles.css
@@ -56,6 +56,12 @@
   transition: 0.3s;
 }
 
+#send {
+  border-top-right-radius: 5rem; 
+  border-bottom-right-radius: 5rem; 
+}
+
+
 .btn:hover {
   background-color: var(--primary-color-dark);
   font-weight: 600;