Не работает выравнивание margin auto в inline-block элементе

В приведенном коде кнопка должна поставиться по центру, но остается все равно слева

.promo .promo_btn{
width:259px;
margin:118px auto 0 auto;
height: 63px;
border: solid 3px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #1eacc7, #4ce2ff);
text-align: center;
color: #ffffff;
border-radius: 5px;

}

Но если поменять display на block, всё начинает работать.

.promo .promo_btn{
display: block;
width:259px;
margin:118px auto 0 auto;
height: 63px;
border: solid 3px rgba(0, 0, 0, 0.07);
background-image: linear-gradient(to top, #1eacc7, #4ce2ff);
text-align: center;
color: #ffffff;
border-radius: 5px;

}

Почему такое противоречие? Если строчно-блочный элемент, то должны margin работать, а тут не хочет , display : block ему подавай. Двойные стандарты какие то.