Quadrat: Buttons Hover and Colors Incorrect in Several Occasions

[beafialho]

In the WP.com demo site, some buttons aren't looking as intended:

• The "Learn More" button has the correct hover effect, but the default text is white
• The "Subscribe" button has an incorrect hover effect, it should turn into an outline button

buttons.mov

• In the contact form, the "Send Message" button has a Regular font weight, it should be the same as others (Bold)

Editor	Demo Site

[danieldudzic]

I believe the above issues are caused by Jetpack styles.

@scruffian has opened an issue related to this: Automattic/jetpack#15227

The problem with the Contact Form button is that the styles are getting overwritten by:
wp-content/mu-plugins/grunion-contact-form/css/grunion.css

.wp-block-jetpack-button button {
    padding: 20px 30px;
    border: inherit;
    font: inherit;
}