Submit button not accepting css styling -

Submit button not accepting css styling -

i have submit button in form isn't taking on style have set it. want submit button same "next section button have, looks different

here's relevant html:

<form> <a href="#step2" class="btn">next section >></a><br/> <input type="submit" name="submit" value="submit application" id="submit" /> </form>

and here's css:

.btn, #submit { margin-top: 20px; background-color: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:6px; display: inline-block; color: #fff; font-family: 'oswald'; font-size: 20px; padding: 12px 24px; text-decoration: none; cursor: poiner; float: right; } .btn:hover, #submit:hover { cursor: pointer; box-shadow: 0px 0px 1px #777; }

and here's js fiddle shows output differences: js fiddle

use css on submit button.

#submit { border: none; }

css button