Html 添加到购物车按钮对齐和大小调整问题

我很难调整我的Paypal添加到购物车按钮。我能够修改Paypal提供的按钮代码中的CSS/HTML，使其中一个按钮居中对齐，但其他按钮不起作用。当我尝试将按钮居中对齐时，按钮的窗口/框架会扩展，从而在我的页面上占据大量空白。如何使此按钮居中对齐，并使窗口/框架仅与所需大小相同？

您应该将代码放在此处。顺便说一句，你可以按照这个例子来做。

CSS

.boxlink a:link, .boxlink a:visited{
    color: black;
    padding: 12px 45px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border: black solid 2px;
}

.boxlink a:hover, .boxlink a:active{
    background-color: #1a4891;
    color: white;
    transition: all 0.2s ease-in;
}

HTML

<div class="boxlink">
    <a href="...">Learn more</a>
</div>

请提供带有代码的代码笔或JSFIDLE！我能够得到贝宝的回答。这真的只是强迫窗口框托管按钮收缩能够得到贝宝的回答。它实际上只是强制承载按钮的窗口框架收缩