更改字体大小时，在自举按钮中居中使用glyphicon

Question

我尝试在Twitter Bootstrap v3 xs按钮内以增加的字体大小垂直和水平居中一个glyphicon。图标太高，太靠左。我已尝试vertical-align: middle和text-align: center无效。

HTML：

<button class="btn btn-default btn-xs" type="button">
   <span class="glyphicon glyphicon-pause"></span>
</button>

CSS：

.glyphicon, .fas, .fa, .fab, .far, .fal {
    font-size: 15px;
} 

JSFiddle

编辑：要清楚，问题出现在字体大小为15.