How to override Prime ng styles

How to change style

.p-dialog .p-dialog-footer button {
   margin: 0 1rem 0 0 !important;
   width: auto !important;
}

I write like this but it doesn’t work

:host ::ng-deep .p-dialog .p-dialog-footer button {
   width: 2.5rem !important;
}

Answer

In the original width is declared !important. Your override then has to be !important too.