Custom Font CSS Not Updating in Newsletter Block

I'm a novice when it comes to custom CSS, and I'm using it to add my branding's fonts to the site I'm building. I've figured out how to adjust the headings and paragraph options, but I can't figure out how to apply this to the newsletter block. I've tried a few variations on the coding, but nothing seems to make it change / apply. I will copy and paste the code I'm currently trying to use. Any help would be appreciated

// Newsletter Form Title //
.newsletter-block .newsletter-form-header-title {
  font-family: BentonSansBold !important;
}

// Newsletter Form Description //
.newsletter-block .newsletter-form-header-description p {
  font-family: BentonSans !important;
}

// Newsletter Form Fields //
.newsletter-block .newsletter-form-field-element {
  font-family: BentonSans !important;
}

// Newsletter Form Button //
.newsletter-block .newsletter-form-button {
  font-family: BentonSans !important;
}

I've also tried this ^ code format without the ".newsletter-block" without any change

Hi,

Can you share link to page where you use newsletter? We can help easier