.acfw-shop-pay-container {
margin: 16px 0;
}
.acfw-shop-pay-button {
display: block;
width: 100%;
max-width: 420px;
padding: 12px 20px;
background: #5a31f4;
color: #fff;
border: none;
border-radius: 6px;
font-size: 0;
font-weight: 600;
cursor: pointer;
}
.acfw-shop-pay-button:hover {
background: #4c26d9;
}
.acfw-shop-pay-button.is-busy {
opacity: 0.6;
cursor: default;
}
html body #acfw-shop-pay-gateway-button:after,
html body #acfw-shop-pay-button:after {
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: contain;
height: 22px;
width: 90px;
display: inline-block;
}
.wc_payment_method.payment_method_acfw_shop_pay > label:after {
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 66px;
height: 18px;
width: 78px;
display: inline-block;
background-color: #5433EB;
border-radius: 6px;
padding: 6px;
background-position: center center;
margin-left: 10px;
}
.payment_box.payment_method_acfw_shop_pay div#acfw-shop-pay-gateway-container {
margin-bottom: 0;
}
.woocommerce-checkout form[name=checkout] #wc-stripe-express-checkout-element div#acfw-shop-pay-container {
margin: 0;
}
@media (max-width:767px){
html body #acfw-shop-pay-gateway-button:after,
html body #acfw-shop-pay-button:after {
height: 20px;
width: 82px;
}
.wc_payment_method.payment_method_acfw_shop_pay > label:after {
background-size: 60px;
height: 16px;
width: 66px;
border-radius: 4px;
padding: 6px;
margin-left: 8px;
}
}