CSS CUSTOM FOR PRODUCT PAGE

Hi Guys,

I’m developing another website using your theme. I copied this css from another website ( http://www.newmottinoxsrl.it)

CODE:

Global Custom CSS:

.single_add_to_cart_button {
background-color: #3cca94;
min-width:230px;
height: 70px
}
body .quantity input[type=button] {
min-width: 25px;
height: 70px;
}
body .quantity input[type=number] {
width: 30px;
height: 70px;
}
.btns-shop-light .cart-totals-inner .checkout-button {

padding: 25px 30px 25px 30px;

}
button#place_order {

padding: 30px 30px 30px 30px;

font-size: 18px;

}
.wc-stripe-elements-field, .wc-stripe-iban-element-field {

padding: 20px;

}
body.woocommerce-checkout input[type=text],
body.woocommerce-checkout input[type=email],
body.woocommerce-checkout input[type=password],
body.woocommerce-checkout input[type=search],
body.woocommerce-checkout input[type=number],
body.woocommerce-checkout input[type=url],
body.woocommerce-checkout input[type=tel],
body.woocommerce-checkout input[type=date],
body.woocommerce-checkout select,
body.woocommerce-checkout textarea {
padding: 0 15px;
max-width: 100%;
width: 100%;
height: 60px;
border: 2px solid rgba(129,129,129,.2);
border-radius: 0;
background-color: transparent;
box-shadow: none;
vertical-align: middle;
font-size: 14px;
transition: border-color .5s ease;
}

Custom CSS for desktop

.product-template-default .price .amount {
font-size: 42px;
}
.archive .price .amount{
font-size: 40px;
}
.single_add_to_cart_button {
background-color: #3cca94;
min-width:400px;
height: 70px
}

Custom CSS for mobile

.product-template-default .price .amount {
font-size: 24px;
}
.archive .price .amount{
font-size: 18px;
}
.site-content {
margin-top: -32px;

I copied in this website: https://test.udigit.it/prodotto/amaro-sibona/

But how u can see i dont see the big add to cart button on the mobile version and the sticky button is also smaller than the quantity selector. How can i fix it? Is there any mistake in the code? Cause in the other website is working fine