How can i change text align for buttons with css ?

Flow
1

I am trying to make custom css

.menu-button {
	display: inline-block;
	background: linear-gradient(to right, #0E3966, #121944, #0E3966);  
	color: #d2d2d2 !important; 
	text-align: left !important;
	border: none;
	border-top: 1px solid #3a426b;
   	border-bottom: 1px solid #171b40;
   	font-size: 15px !important;
   	font-weight: bold;
   	letter-spacing: 0px;
   	padding: 0;
   	margin: 0;
   	overflow: hidden;
   	cursor: pointer;
}

but this code text-align: left !important; never work. Buttons text always in the center how can i change text align ?