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

Store Design
, ,
1

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.

2

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;
    }