Help Needed - IonItemSliding Styling is Not Applying?

Hello all, Im trying to change the background color property of an ionic item sliding component.
For some reason, Im not finding any documentation on how to change the styling of the component

I’ve tried changing the style on the ionic component level like below in my scss file , but I was not successful. Other styling changes in that file work so I know the scss is connected to the component correctly

ion-item-sliding {
    background: greenyellow;
}

Here is the rough element structure I am using:

<IonCard>
      <IonCardContent>
        <IonItemSliding>
          <IonItemGroup>
            <IonItem>
              <IonGrid>
                <IonRow>
                  <IonCol>
                    <IonLabel>Hello World</IonLabel>
                  </IonCol>
                  <IonCol>
                    <IonLabel>Hello World</IonLabel>
                  </IonCol>
                  <IonCol>
                    <IonLabel>Hello World</IonLabel>
                  </IonCol>
                </IonRow>
              </IonGrid>
              {!ios && <IonIcon ios={chevronForward} md={chevronForward} />}
            </IonItem>
          </IonItemGroup>
          <IonItemOptions>
                <IonItemOption
                  color="light"
                >
                  <IonIcon slot="icon-only" icon={informationCircleOutline} />
                </IonItemOption>
                <IonItemOption
                  color="medium"
                >
                  <IonIcon slot="icon-only" icon={arrowUndo} />
                </IonItemOption>
          </IonItemOptions>
        </IonItemSliding>
      </IonCardContent>
    </IonCard>

I want to style the part that moves (or slides)
Screen Shot 2022-12-24 at 11.30.47 AM

If anyone can help me, that would be great!

Merry Christmas and Happy Holidays!