在单个商品上添加粘贴添加到购物车按钮 - Woocommerce

Question

我在移动设备的单个产品页面上制作粘性添加到购物车按钮时遇到问题。

一切正常，直到按钮被激活，然后触发按钮在整个屏幕上展开。知道为什么会这样吗？

以下是我使用的代码：

button.add_to_cart_button.ajax_add_to_cart.button.alt.btn.btn-default.product_type_simple {
    position: fixed;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    z-index: 3;
    font-size:14px!important; 
}