.wd-product.wd-hover-buttons-on-hover .wd-product-countdown {
flex-wrap:nowrap;
width:100%;
padding-top:5px;
border-top:1px solid var(--brdcolor-gray-300)}
.wd-product.wd-hover-buttons-on-hover .wd-product-countdown>span {
flex:1 1 0%;
min-width:0}
.wd-product.wd-hover-buttons-on-hover {
--text-align: start;
--btn-height: 36px;
--wd-btn-inset: 0;
--wd-thumb-brd-radius: var(--wd-brd-radius);
--wd-trans-h: calc(var(--wd-prod-gap) + var(--btn-height))}
.wd-product.wd-hover-buttons-on-hover .product-wrapper {
overflow:hidden;
border-radius:0;
transition:all .3s ease}
.browser-Safari .wd-product.wd-hover-buttons-on-hover .product-wrapper {
transform:translate3d(0, 0, 0)}
.wd-product.wd-hover-buttons-on-hover .product-element-top {
border-radius:var(--wd-thumb-brd-radius)}
.wd-product.wd-hover-buttons-on-hover .product-element-bottom {
padding:var(--wd-prod-bg-cont-sp);
background-color:inherit}
.wd-product.wd-hover-buttons-on-hover .product-element-bottom .wd-action-btn.wd-style-icon>a {
width:25px;
height:25px}
.wd-product.wd-hover-buttons-on-hover :is(.wd-product-header,.wrap-price) {
display:flex;
justify-content:space-between;
align-items:center;
gap:var(--wd-prod-gap)}
.wd-product.wd-hover-buttons-on-hover .wrap-price {
flex-wrap:wrap}
.wd-product.wd-hover-buttons-on-hover .wd-action-buttons {
display:inline-flex;
gap:var(--wd-prod-gap)}
.wd-product.wd-hover-buttons-on-hover .wd-add-btn {
flex-grow:1;
overflow:hidden}
.wd-product.wd-hover-buttons-on-hover .wd-add-btn>a {
border-radius:var(--btn-accented-brd-radius);
color:var(--btn-accented-color);
box-shadow:var(--btn-accented-box-shadow);
background-color:var(--btn-accented-bgcolor);
text-transform:var(--btn-accented-transform, var(--btn-transform, uppercase));
font-weight:var(--btn-accented-font-weight, var(--btn-font-weight, 600));
font-family:var(--btn-accented-font-family, var(--btn-font-family, inherit));
font-style:var(--btn-accented-font-style, var(--btn-font-style, unset));
width:100%}
.wd-product.wd-hover-buttons-on-hover .wd-add-btn>a:hover {
color:var(--btn-accented-color-hover);
box-shadow:var(--btn-accented-box-shadow-hover);
background-color:var(--btn-accented-bgcolor-hover)}
.wd-product.wd-hover-buttons-on-hover .wd-add-btn>a:active {
box-shadow:var(--btn-accented-box-shadow-active);
bottom:var(--btn-accented-bottom-active, 0)}
.wd-product.wd-hover-buttons-on-hover .add-to-cart-loop span {
font-size:12px;
padding:0 14px;
white-space:nowrap;
text-overflow:ellipsis;
display:block;
line-height:var(--btn-height);
overflow:hidden}
.wd-product.wd-hover-buttons-on-hover .wd-buttons {
opacity:.6;
visibility:visible;
transform:none;
background:none;
box-shadow:none}
:is(.wd-fbt,.catalog-mode-on,.login-see-prices) .wd-product.wd-hover-buttons-on-hover {
--wd-trans-h: calc(var(--wd-prod-gap) + 25px)}
.wd-product.wd-hover-buttons-on-hover .wd-quick-shop-2 {
width:100%}
.wd-product.wd-hover-buttons-on-hover .wd-quick-shop-2 table.variations {
display:inline-flex}
:is(.products-bordered-grid-ins,.wd-products-with-bg:not(.products-bordered-grid),.wd-products-with-shadow:not(.products-bordered-grid)) .wd-product.wd-hover-buttons-on-hover {
--wd-prod-bg-sp: 0;
--wd-prod-bg-cont-sp: 15px;
--wd-thumb-brd-radius: 0}
:is(.products-bordered-grid-ins,.wd-products-with-bg:not(.products-bordered-grid),.wd-products-with-shadow:not(.products-bordered-grid)) .wd-product.wd-hover-buttons-on-hover .product-wrapper {
border-radius:var(--wd-brd-radius);
gap:0}
@media (min-width: 1025px) {
.wd-product.wd-hover-buttons-on-hover .product-wrapper:hover {
transform:translateY(-10px)}
.wd-product.wd-hover-buttons-on-hover .product-element-top {
clip-path:inset(0 0 0 0 round var(--wd-thumb-brd-radius));
transition:all .3s ease}
.wd-product.wd-hover-buttons-on-hover .product-element-bottom {
margin-bottom:calc(var(--wd-trans-h) * -1);
transition:all .3s ease;
z-index:2}
.wd-product.wd-hover-buttons-on-hover .wd-product-footer {
display:flex;
align-items:center;
gap:15px;
opacity:0;
transition:all .3s ease}
.wd-product.wd-hover-buttons-on-hover:not(:is(.quick-shop-shown,.wd-loading)):is(:hover,.wd-variation-active) :is(.product-element-bottom,.wd-product-grid-slider-pagin) {
transform:translateY(calc(var(--wd-trans-h) * -1))}
.wd-product.wd-hover-buttons-on-hover:not(:is(.quick-shop-shown,.wd-loading)):is(:hover,.wd-variation-active) .wd-product-footer {
opacity:1}
.wd-product.wd-hover-buttons-on-hover:not(:is(.quick-shop-shown,.wd-loading)):is(:hover,.wd-variation-active) .product-element-top {
clip-path:inset(0 0 var(--wd-trans-h) 0 round var(--wd-thumb-brd-radius))}
:is(.wd-carousel,.products-bordered-grid) .wd-product.wd-hover-buttons-on-hover .product-wrapper {
transform:none}
}
@media (max-width: 1024px) {
:is(.wd-fbt,.catalog-mode-on,.login-see-prices) .wd-product.wd-hover-buttons-on-hover .wd-product-footer {
display:none}
.wd-product.wd-hover-buttons-on-hover .wd-action-buttons {
display:none}
}