Color Adjustments only loading in editor

Hello,

I am having an issue where my custom css recoloring some things like this accordion and the newsletter button on the homepage are loading and visible while in the editor, but not live. I am not sure why, hoping for some help!

Site: tracyforauburn.com
PW: vibe2023

//ACCORDION
.sqs-block-accordion .accordion-item__title-wrapper {
    background-color: #e9bd49ff!important;
}

//HOME NEWSLETTER
section[data-section-id="64820ab29499916ee71fa2d4"] {
.newsletter-block {padding-top: 0; padding-bottom: 0}
.sqs-block-newsletter .newsletter-form-field-element {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  background-color: #ebede8ff!important;
}
button.newsletter-form-button.sqs-system-button {
    padding-top: 15px !important;
    padding-bottom: 16px !important;
  background-color: #b24a5dff!important;
  color: #ebede8ff!important;
  }}

Example:

The have a syntax error in your code in Design > Custom CSS.

.sqs-block-accordion .accordion-item__title-wrapper {
  background-color: #e9bd49 ff !important
}

It should be...

.sqs-block-accordion .accordion-item__title-wrapper {

  background-color: #e9bd49ff;
  
  }

Let us know how it goes.