How to make add to cart button and border around product transparent then show on hover

[alien777]

https://www.bigbrattboutique.com/collections/tops

How do I get this effect when you hover over the product image? I like how the quick view and border is transparent then shows up when you hover over product.

[Asad-Mahmood · Accepted solution]

Hi,
Go  to your online store -edit code -> base.css file and paste this code in the end of file

.product-item__inner:hover .product-item__hover-container, .product-item__inner:focus-within .product-item__hover-container {
            opacity: 0 !important;
    }
.product-item__inner:hover .product-item__hover-action-wrap, .product-item__inner:focus-within .product-item__hover-action-wrap {
        opacity: 0 !important;
        visibility: hidden !important;
    }