How to change the color of an individual element in slidemenu Prime NG

I’m trying to change it through the styleClass attribute inside the object, but it doesn’t work. I can change the color through the span, but then all the elements change color. And I need to mark only one.

<div class="header-document__menu-document">
                <p-button
                    styleClass="p-button-text"
                    icon="pi pi-ellipsis-v"
                    (click)="menu.toggle($event)"
                ></p-button>
                <p-slideMenu
                    #menu
                    appendTo="body"
                    [popup]="true"
                    [model]="documentMenuItems"
                    [viewportHeight]="210"
                    [menuWidth]="250"
                    [style]="{ width: '250px' }"
                    [backLabel]="'back'"
                >
                </p-slideMenu>
</div>

public documentMenuItems: MenuItem[] = [
    {
        label: 'edit rubric',
        icon: 'pi pi-pencil',
        command: _ => this.showWindowEditGroup(),
    },
    {
        label: 'Create rubric',
        icon: 'pi pi-plus',
        command: _ => this.showWindowCreateGroup(),
    },
    {
        label: 'Delete rubric',
        icon: 'pi pi-times',
        command: _ => this.onDeleteGroupButtonClick(),
        styleClass: 'delete-rubric',
    },
];