MailChimp for WordPress (MC4WP) Plugin Styling

mc4wp.css

/* plugin located at https://wordpress.org/plugins/mailchimp-for-wp/ */

/* form alignment */

.mc4wp-form-fields {
  text-align: center;
}

/* form text and email fields style */

.mc4wp-form input[type="text"],
.mc4wp-form input[type="email"] {
  line-height: 40px;
  font-size: 17px;
  width: 300px;
  border: none;
  border-radius: 2px;
}

/* form submit button style */

.mc4wp-form input[type="submit"] {
  color: #6b5a5b;
  background-color: rgba(237, 235, 235, 1);
  letter-spacing: 1px;
  font-size: 17px;
  text-transform: uppercase;
  line-height: 40px;
  border: none;
  border-radius: 2px;
  transition: all 0.5s ease 0s;
}

/* form submit button hover style */

.mc4wp-form input[type="submit"]:hover {
  color: #6b5a5b;
  background-color: rgba(237, 235, 235, 0.9);
}

/* form fields and button full width on mobile devices */

@media (max-width: 768px) {
  .mc4wp-form input[type="text"],
  .mc4wp-form input[type="email"],
  .mc4wp-form input[type="submit"] {
    width: 100%;
    margin: 2px;
  }
}