Center text on button inside action controller

Guys… I tried to center the text inside button, but nothing wored :blush:
Anyone could change and worked to center?


.custom-alert button.alert-button {
border: 2px solid black;
border-radius: 5px;
font-size: 14px;
cursor: pointer;
display: block;
width: 100%;
margin-bottom: 4px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;

button.alert-button.alert-button-dark {
border-color: #212529;
color: #212529;

button.alert-button.alert-button-dark:hover {
background: #EDF1F5;

button.alert-button.alert-button-cancel {
border-color: #f44336;
color: red;

button.alert-button.alert-button-cancel:hover {
background: #FFDCCF;