Cacher is the code snippet organizer for pro developers

/* any styles that you can set in the convertkit form settings are not added below */
/* some of the rules may need !important to work, you can remove them if the styles work without it */
/* the opacity rule is added to negate the convertkit button hover opacity so you can set the button hover to a different color */

/* headline above form */
.formkit-header {
font-weight: 500 !important;
line-height: 1.2 !important;
}

/* input fields */
.formkit-input { 
padding: 16px !important;
font-size: 16px !important;
border: none !important;
background: #fafafa !important;
 }

/* button */
.formkit-submit {
font-size: 18px !important;
font-weight: 500 !important;
opacity: 1.0 !important;
transition: all 0.5s ease 0s;
}

/* button hover */
.formkit-submit:hover {
background-color: #444444 !important;
opacity: 1.0 !important;
}