MailChimp Superslim SignUp on One Line

I have read many threads on this but haven’t been able to add a style to override the defaults. The form looks great, but I’d like the SUBMIT button to appear next to the EMAIL field so that both fields are next to each other, as the “slim” would imply.

I’m not sure where to alter the .css, whether in this form, or in an external child .css.

I’d like the option of using this at the top of a page, say, as well as in a widget area.

The code I currently created for my MC list is this:

<!-- Begin MailChimp Signup Form -->
<link href="https://cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;  width:300px;}
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="https://worldupsidedown.us7.list-manage.com/subscribe/post?u=3f883ec735c817ce5c8aa528f&id=6079060948" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
	<label for="mce-EMAIL">Sign up for WUD news</label>
	<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
	<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>

<!--End mc_embed_signup-->

Thanks for your help!