Need help with basic Newsletter signup form

I’m a beginner to WordPress and Contact Form 7. I wish to create a simple newsletter form in the footer of my website, with only 1 text field: E-mail, and a submit button in the same line.
Here’s the code that I’ve written in my form so far:

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<div class="input-group">
    <input type="hidden" name="mc4wp-subscribe" value="1" class="form-control">[email* email-508 placeholder "E-mail"]
    <span class="input-group-btn"><button class="btn" type="submit" id="submit-button"><i class="fas fa-chevron-right"></i></button></span>
</div>

However, there are a few issues:

1. The emails I am getting from this form do not contain the input. Here’s what the body of my email looks like:

   From: [your-name] <[your-email]>
   Subject: [your-subject]

   Message Body:
   [your-message]

   —

2. The submit button is not the same line as my field but rather it is in the next line. I want it in the same line.

Kindly help, and let me know if you require any more information. I will be really grateful!