Hello,
Try to use this custom CSS code:
.content-product .product-content-image:hover {
-webkit-box-shadow: 2px 2px 15px 6px #FF3232;
box-shadow: 2px 2px 15px 6px #FF3232;
background: linear-gradient( 135deg , #FFADAD 40%, #B22323 50%, #7C1818 60%);
}
.content-product .product-image-wrapper,
.content-product .image-swap {
padding:20px;
margin-bottom: 0;
}
.product-details {
padding: 0 20px;
}
.content-product {
margin-left: -15px;
margin-right: -15px;
}
.single-product .products-loop .outofstock .out-of-stock + .product-content-image {
pointer-events: inherit;
}
Regards