Contact 7 Inline Subscribe Light

<style>
/* EMAIL FORM STYLING */
    #subscribe-form-email-light {
        border: none; /* BORDER OF EMAIL FORM*/
        box-shadow: none; 
        border-bottom: solid 1px black;
        padding-right: 4px;
        font-family: oswald, FontAwesome;
        color: black !important;
        background: transparent !important;
}
/* EMAIL FORM STYLING ON HOVER */
    #subscribe-form-email-light:hover {
        border-bottom: solid 1px green;
}
/* BUTTON STYLING */
    #cf7-btn-light {
        color: white; /*COLOR OF BUTTON TEXT*/
        background: #0399f6;/*COLOR OF BUTTON*/
        border-radius: 4px;
        width: 100%; 
        margin-left: 8px; /*USED FOR SMALL SPACE BETWEEN EMAIL AND BUTTON*/
        font-family: oswald;
        text-transform: uppercase; /*FONT*/
        font-family: oswald, FontAwesome; /*CUSTOM FONTS*/
}
/* BUTTON STYLING HOVER */
    #cf7-btn-light:hover {
        color: white;
        background: green;
}
/* FORM CONTROL */
    .subscribe-inline-form-control-light {
        display: inline-flex;
}
</style>


<div class="subscribe-inline-light"> 
    <div class="subscribe-inline-form-control-dark" style="font-family:FontAwesome" type="text">
       <div class="subscribe-email-light"> [email* your-email id:subscribe-form-email-light placeholder "&#xf003; Email Address Here..."] </div>
       <div class="subscribe-submit-light"> [submit id:cf7-btn-light "Subscribe"] </div>
    </div>
</div>