Struggling with submit buttons on forms

HTML-CSS
1

During my learning of html I’ve noticed two different ways of putting buttons into forms.

On the product landing page, I tried this method that i basically copied from the example. Can you have a look at this pen and tell me why it’s not functioning as a button?

User Story #12: When I click the #submit element, the email is submitted to a static page (use this mock URL: https://www.freecodecamp.com/email-submit) that confirms the email address was entered and that it posted successfully.

                                    <input id="email" type="email" name="" placeholder="Enter Email Address" required/>
				<br>
				<input id="submit" type="submit" value="Subscribe" class="btn">

Pen here:

3

damn. I feel so stupid. how did i miss that! jeees. But why does the cursor not change when I hover over the button? and also how would I change the hover state of the button ?