text-align:center doesn't work for button

I was trying to place a button in the center and I could not apply text-align:center or margin: 0 auto and I found out that

button:{
  textAlign: 'center',
},

 <div className={classes.button}>
     <Button variant="contained" color="primary"　　　
　　　　disableElevation　className={classes.button}>
       Confirm
     </Button>
 </div>

You can enclose Button tag with div and apply text-align:center to div element!

Hope this helps!