如何移动按钮，而不打破其他页面上的样式？

Question

最近定制的“添加到购物车”按钮，通过此CSS正确查看了所有内容：

.products .product .add_to_cart_button {
display: inline-block;
background: #070bf7 !important;
top:360px;
left:30px;
color:#fff;
}
.woocommerce ul.products li.product .button {
margin-top:370px;
margin-left:70px;
opacity:1;
}

但是当here按钮输入错误时..如果放置此CSS：

.woocommerce ul.products li.product .button {
margin-top: 200px;
margin-left: 70px;
opacity: 1;
}

但是这个CSS破坏了我以前的修改。如何仅在选定的产品页面上应用此CSS？以下是可见问题的示例page。