tengo la siguiente etiqueta html, tengo el boton bien posicionado, con el tamaño y colores que quiero, pero no consigo usar en ningun sitio correctamente el display flex para que el texto salga centrado
.filaXpac{
height: 18%; position: relative;
margin-left: 5% !important; width: 90%;
}
.colXsalirpac{
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.alto100{
height: 100% !important;
}
.rowsalir{
width: 130px;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
color: #f5f5f5 ;
background-color: #959f6b;
border-radius: 5px;
}
.colorsalir{
color: #f5f5f5 ;
font-size: 1.3rem;
font-weight: 400;
display: flex;
justify-content: center;
align-items: center;
}
<div class="row filaXpac ">
<div class="col s12 colXsalirpac alto100 ">
<div id="botonXsalirR" class="row rowsalir">
<div id="PsalR" class="col s12 alto100 colorsalir">salir de aqui mismo
</div>
</div>
</div>
</div>
el tema es que no consigo que se me centre el texto... estoy usando la capa de materialize