Tengo un acordeón mdbootstrap dentro de un componente angular. Por defecto, tiene algo de relleno. Deseo hacerlo más pequeño. Al inspeccionar el acordeón, veo que está hecho de un botón que tiene el relleno. Entonces, en el archivo .scss del componente donde uso el acordeón, hago:

 accordion-button { padding: 0px !important; }

Pero no hace nada con y sin !important . Verifiqué si el archivo .scss incluso funciona cambiando el color del título al azar y lo hace. Creo que mi valor si se sobrescribe. ¿Cómo puedo arreglar esto?