Mac中的按钮文字对齐问题

Question

我的项目中有一个“ a”标签按钮，在Windows上看起来很完美，但在Mac上它的文本对齐方式不正确（请检查屏幕截图）。在Mac中，我已经检查了FireFox和Safari，它没有对齐。但是，在Windows上，它是完美的。

Screenshots

这是HTML：

<a class="primary-button" href="#">SHOP NOW</a>

这是CSS：

.primary-button {
@extend .greenbg,
.white,
.text-center,
.normal,
.font-12,
.border-radius-25;
border: solid 1px transparent;
text-transform: uppercase;
display: inline-block;
padding: 0px 18px;
line-height: 26px; }

请帮助。 谢谢