.newsletter-heading {
  background-color: white;
  color: $yellow;
  line-height: 200%;
  padding-left: 20px;
}

#mc_embed_signup {
  background: #fff;
  clear:left;
  font:14px Helvetica,Arial,sans-serif;
}

#mc-embedded-subscribe-form {
  padding-left: 0 !important;
}

.mc-field-group {
  width: 300px !important;
  float: left;
}

#mce-EMAIL {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-color: $blue !important;
  height: 40px !important;
}

#mc-embedded-subscribe {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  background-color: $blue !important;
  color: white !important;
  height: 40px !important;
}
/* 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. */

.newsletter-heading {
  background-color: white;
  color: $yellow;
  line-height: 200%;
  padding-left: 20px;
}

#mc_embed_signup {
  background: #fff;
  clear:left;
  font:14px Helvetica,Arial,sans-serif;
}

#mc-embedded-subscribe-form {
  padding-left: 0 !important;
}

.mc-field-group {
  width: 300px !important;
  float: left;
}

#mce-EMAIL {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-color: $blue !important;
  height: 40px !important;
}

#mc-embedded-subscribe {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  background-color: $blue !important;
  color: white !important;
  height: 40px !important;

  &:hover {
    color: $blue-light !important;
  }
}
/* 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. */

Add hover color change to newsletter sign up button
Add hover color change to newsletter sign up button
