How do I redefine the layout style for a single block?

I’m trying to redefine the CSS of the theme layout for the slider so that the slider is displayed in full width. No matter what I do, the CSS of the theme interrupts my CSS.

// .l-slider {
//   width: auto;
// }

/* css default blocksy */
article>.entry-content>*:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) {
    max-width: var(--default-editor, var(--block-max-width));
}

article>.entry-content>*:not(.alignfull):not(.alignleft):not(.alignright) {
    width: var(--default-editor, var(--block-width));
}

/* my css TEST :( */
article>.entry-content>.l-slider {
    /* width: auto; */
}

How do I redefine the width for the l-slider class?