.wd-product.wd-hover-icons .wrapp-buttons {
position:absolute;
inset-inline:0;
bottom:10px;
text-align:center;
transition:opacity .3s ease, visibility .3s ease, transform .3s ease;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
z-index:3;
opacity:0;
visibility:hidden;
transform:translateY(25px) translateZ(0)}
.wd-product.wd-hover-icons .wd-buttons {
display:inline-flex;
align-items:stretch;
flex-direction:row;
padding:0 7px;
max-width:calc(100% - 20px)}
.wd-product.wd-hover-icons .wd-buttons .wd-action-btn {
flex:1 1 auto;
max-width:43px;
width:100vw}
.wd-product.wd-hover-icons .wd-buttons .wd-action-btn>a {
width:100%}
.wd-product.wd-hover-icons:not(:is(.quick-shop-shown,.product-swatched,[class*="wd-loading"])):hover .wrapp-buttons {
opacity:1;
visibility:visible;
transform:none}
.wd-product.wd-hover-icons.product-swatched:not(.quick-shop-shown):not([class*="wd-loading"]) .product-element-top:hover .wrapp-buttons {
opacity:1;
visibility:visible;
transform:none}
@media (max-width: 1024px) {
.wd-product.wd-hover-icons .wd-buttons {
padding:0}
.wd-product.wd-hover-icons .wd-buttons .wd-action-btn {
max-width:35px}
.wd-product.wd-hover-icons .wrapp-buttons {
visibility:visible;
opacity:1;
transform:none}
}