.woocommerce .cart-collaterals .wc-proceed-to-checkout .checkout-button, 
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order{
color: black;
background-color: #8bcb98;
display: inline-flex; width: 100%; justify-content: center;
gap: 10px; align-items: center; box-sizing: border-box;
} 
.woocommerce .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover,
.woocommerce #payment #place_order:hover, 
.woocommerce-page #payment #place_order:hover{
color: var(--contrast);
background-color: #e9e4da;
}
.woocommerce .cart-collaterals .wc-proceed-to-checkout .checkout-button:before, 
.woocommerce #payment #place_order:before, 
.woocommerce-page #payment #place_order:before{
content:'';
width: 25px;
height: 23px; 
display: block;
background: url(https://www.aprive-cosmetics.com/wp-content/uploads/2024/04/to-cart.png); background-size: contain;
background-repeat: no-repeat;
}
.woocommerce .cart-collaterals .wc-proceed-to-checkout .checkout-button:hover:before, 
.woocommerce #payment #place_order:hover:before, 
.woocommerce-page #payment #place_order:hover:before{
filter: invert(0%);
} .wp-block-button__link.add_to_cart_button.ajax_add_to_cart:before, 
.woocommerce div.product form.cart .button:before,
.woocommerce ul.products li.product .button.add_to_cart_button:before{
content: "\f290";
position: relaitve;
font-size: 12px;
color: var(--contrast);
display: inline-block;
font-family: "GP Premium";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: inherit;
padding-right: 5px;
}
.wp-block-button__link.add_to_cart_button.ajax_add_to_cart:hover:before, 
.woocommerce div.product form.cart .button:hover:before,
.woocommerce ul.products li.product .button.add_to_cart_button:hover:before{
color: white;
} @media screen and (max-width: 1024px){
.site-footer .footer-widgets{
padding: 50px 0px 30px 0px;
}
}
@media screen and (max-width: 768px){
.woocommerce .cart-collaterals{
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
flex-direction:column-reverse;
}
.wc-proceed-to-checkout{
width: 100%; max-width: 100%; overflow: hidden;
}
}