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;
}
In the original width is declared !important. Your override then has to be !important too.