Form Lightbox Button Styling Not Preserved?

Site URL: https://rhombus-flute-l6gf.squarespace.com/

I have two instances of a pop-up form on my single-page site. I need them both to be lightboxes, and I have styled the button per below:

.sqs-block-button-element {
  font-family: 'Messapia-Bold' !important;
  font-size: 11px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 16px 41px 15px 42px;
  }

This works great in the button at the top, but the button at the bottom is not responding to this at all, even when I target that block specifically. I wonder if it's because on top it's in a "Lightest 1" section and at the bottom it's in a "Darkest 2" section?

In the screenshots, the button in all caps is the correct styling. Site PW: knockout2k22

Figured this out for myself. The correct code is below.

div#block-id-goes-here button {
  font-family: 'Messapia-Bold' !important;
  font-size: 11px !important;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  padding: 16px 41px 15px 42px;