Contact Form 7 CSS code working on ONE page

Hello, I’m having issues with CSS styling for a newsletter form using Contact form 7

It works perfectly on the homepage, however, on other pages it loads in as a big white box.

(see images linked).

This is the code I’m using:

/* contact form 7 NEWSLETTER settings */
div#wpcf7-f64487-o1
#wpcf7-f64487-o1 input[type="text"],
#wpcf7-f64487-o1 input[type="email"] {
    float: left;
    width: 70%;
}
#wpcf7-f64487-o1 input[type="submit"],
#wpcf7-f64487-o1 input[type="button"] {
    float: right;
    width: 29%;
text-align:center;
color: #ffffff !important;
font-family: soleil !important;
font-size: 20px !important;
}
#wpcf7-f64487-o1 input[type="submit"],
#wpcf7-f64487-o1 input[type="button"]  {
    margin-top: -15px;
}
div#wpcf7-f64487-o1 { 
background-color: transparent;
border: none
}

Can anyone fix this so the form stays the same across all pages?

The actual contact form is inserted in the footer content block on the website.