Change form button in CSS

Site URL: https://pumpkin-platinum-sg2t.squarespace.com/config/design/custom-css

Hello, 

I'm trying to change the Form 'Submit' button to Optician Sans to match with my headings and also other buttons on my site (Brine family). 

I've used the following code to change the site buttons:

.sqs-block-button-element {
    font-family: 'Optician Sans' !important;
}

But it doesn't change the form button on my contact us page. 

Can anyone help?

As your site isn't live yet, we can only view it if you set a site password and tell us what it is.
 

Hi paul2009,

I've managed to change the style the only problem is when I hover over there seems to be a colour over writing it. It changes to the correct colour for a millisecond and then changes to a lighter grey. 

You can see it here: www.carpeimmobilier.com/contact-us

On 10/5/2020 at 4:55 PM, emmabcarr said:

Hi paul2009,

I've managed to change the style the only problem is when I hover over there seems to be a colour over writing it. It changes to the correct colour for a millisecond and then changes to a lighter grey. 

You can see it here: www.carpeimmobilier.com/contact-us

Add to Home > Design > Custom CSS

input.button.sqs-system-button.sqs-editable-button {
    transition: all 0.1s !important;
}

great thanks tuanphan, that worked 🙂