Custom Button Font

Site URL: http://charred.squarespace.com

Hi there, I can't seem to locate the proper style to change the button fonts on my site. Ok with the rest, but buttons are being problematic. Please help!

CSS:

@font-face {   
	font-family: 'Chairdrobe-regular';   
	src: url(https://static1.squarespace.com/static/5ebb082d8148b13aaa27331a/t/5ecd1ce75e861630ff1f359a/1590500583301/Chairdrobe+Regular.ttf); 
}

.sqs-block-button-element {
  font-family: 'Chairdrobe-regular' !important;
}

Site PW: Charred

Thank you,

Incorrect password.

Sorry, @tuanphan, try charred.

Header button?

a.btn.btn--border.theme-btn--primary-inverse {
    font-family: Chairdrobe-regular;
}

or sign up button?

button {
    font-family: Chairdrobe-regular !important;
}

Hey, @tuanphan, that did it! Thanks so much for the super quick fix!

Cheers,

@tuanphan, I've got one more question regarding the sign-up button - how do I change the font-size? The following CSS doesn't seem to work:

font-size: 2em !important;

Thanks,

.sqs-block-newsletter button.newsletter-form-button.sqs-editable-button-layout {
    font-size: 8em !important;
}

Thank you, @tuanphan!

Hey, @tuanphan, I've got a couple more for you. How do I style the mobile menu item labels, and the "thank you" that appears once you submit the newsletter form? What are the CSS class names for these elements? 

Thanks again,

CORRECTION - I figured everything out but styling the mobile header button. What is the CSS I should be using to correctly style the mobile header button?

Cheers!

@tuanphan, I figured it out:

a.theme-btn--primary.btn {}

No need to reply.