''add to cart'' upon hovering on the image and then when going off it disappears

[lakef]

I try to add code in theme.liquid, button is where I want, but color, border, size isnt changing. Also my products aren't clickable after these changes.

I want to make add to cart button - reduce height, make it transparent, take of border

Thanks

Code which I use - <style>
.card-wrapper.product-card-wrapper {
position: relative;
}
.card-wrapper.product-card-wrapper .card--standard > .card__content {
position: relative;
display: flex;
flex-direction: column;
}
.card-wrapper.product-card-wrapper .product-image {
position: relative; 
}
.card-wrapper.product-card-wrapper .quick-add {
position: absolute;
width: 80%; 
height: 40px; 
bottom: 90px; 
display: none;
padding: 0px; 
text-align: center;
border: none;
border-radius: 5px; 
}
.card-wrapper.product-card-wrapper:hover .quick-add {
display: block;
}
</style>

[lakef]

https://fae77b-3d.myshopify.com/