.wd-hover-button .wd-buttons {
    visibility: hidden;
    background-color: transparent;
    box-shadow: none
}

.wd-hover-info-alt .product-wrapper {
    position: relative
}

.wd-hover-info-alt .wd-buttons {
    visibility: hidden;
    background-color: transparent;
    box-shadow: none
}

.wd-hover-info-alt .top-information {
    z-index: 3;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 10px 38px;
    opacity: 0;
    transition: opacity .3s ease
}

.wd-hover-info-alt :is(.wd-entities-title, .star-rating, .wd-star-rating, .wd-product-cats, .wd-product-brands-links) {
    margin-bottom: 7px
}

.wd-hover-info-alt .wd-swatches-attr {
    margin-top: -2px;
    margin-bottom: 4px
}

.wd-hover-info-alt .wd-add-btn {
    margin-top: 10px
}

.wd-hover-info-alt.quick-shop-shown .wd-buttons {
    pointer-events: none
}

:is(.products-bordered-grid-ins, .wd-products-with-bg:not(.products-bordered-grid), .wd-products-with-shadow:not(.products-bordered-grid)) .wd-hover-info-alt .wd-buttons {
    top: 15px;
    inset-inline-end: 15px
}

@media (min-width: 1025px) {
    .wd-hover-button .wd-buttons, .wd-hover-info-alt .wd-buttons {
        top: 0;
        inset-inline-end: 0
    }

    .wd-hover-button .wd-add-btn>a, .wd-hover-info-alt .wd-add-btn>a {
        border-color: #fff;
        color: #fff;
        min-height: unset;
        border-width: 2px
    }



    .wd-hover-button .wd-add-btn>a:hover, .wd-hover-info-alt .wd-add-btn>a:hover {
        box-shadow: none;
        border-color: rgba(255, 255, 255, 0.6);
        background-color: transparent
    }

    .wd-hover-button .wd-add-btn>a span, .wd-hover-info-alt .wd-add-btn>a span {
        padding: 8px 14px
    }

    .wd-hover-button .product-element-top:before, .wd-hover-info-alt .product-element-top:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.5);
        opacity: 0;
        transition: opacity .3s ease
    }

    .wd-hover-button:hover .product-element-top:before, .wd-hover-button.product-swatched:not([class*="wd-loading"]):not(.quick-shop-shown) .product-element-top:hover:before, .wd-hover-info-alt:hover .product-element-top:before {
        opacity: 1
    }

    .wd-hover-button:is(.product-swatched, .quick-shop-shown, [class*="wd-loading"]) .product-element-top:before, .wd-hover-info-alt:is(.quick-shop-shown, [class*="wd-loading"]) .product-element-top:before {
        opacity: 0
    }

    .wd-hover-button .wd-add-btn {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 3;
        text-align: center;
        opacity: 0;
        transform: translate(-50%, 0);
        transition: transform .3s ease, opacity .3s ease
    }

    .wd-hover-button:hover .wd-buttons {
        visibility: visible
    }

    .wd-hover-button:hover .wd-add-btn {
        transform: translate(-50%, -50%);
        opacity: 1
    }

    .wd-hover-button:is(.product-swatched, .quick-shop-shown, [class*="wd-loading"]) .wd-add-btn {
        transform: translate(-50%, 0);
        opacity: 0
    }

    .wd-hover-button.product-swatched:not([class*="wd-loading"]):not(.quick-shop-shown) .product-element-top:hover .wd-add-btn {
        transform: translate(-50%, -50%);
        opacity: 1
    }

    .wd-hover-info-alt .product-element-top {
        margin-bottom: 0
    }

    .wd-hover-info-alt h3.wd-entities-title a:hover {
        color: rgba(255, 255, 255, 0.8)
    }

    .wd-hover-info-alt:hover .wd-buttons {
        visibility: visible
    }

    .wd-hover-info-alt:hover .top-information {
        opacity: 1
    }

    .wd-hover-info-alt.quick-shop-shown .top-information {
        pointer-events: none
    }

    .wd-hover-info-alt:is(.quick-shop-shown, [class*="wd-loading"]) .top-information {
        opacity: 0
    }

    .wd-hover-info-alt :is(.wd-quick-shop-2, .wd-swatches-attr) {
        --color-gray-300: rgba(255, 255, 255, 0.5);
        --color-gray-400: rgba(255, 255, 255, 0.6);
        --color-gray-500: #fff;
        --color-gray-800: #fff;
        --color-gray-900: #fff;
        --color-white: #000;
        --wd-form-color: #fff;
        --wd-form-brd-color: rgba(255, 255, 255, 0.2);
        --wd-form-brd-color-focus: rgba(255, 255, 255, 0.3)
    }

    .wd-hover-info-alt .wd-product-sku {
        color: rgba(255, 255, 255, 0.7)
    }

    .wd-hover-info-alt .star-rating:before {
        color: rgba(255, 255, 255, 0.7)
    }

    .wd-hover-info-alt :is(.wd-product-cats, .wd-product-brands-links) {
        --wd-link-color: rgba(255, 255, 255, 0.7);
        --wd-link-color-hover: #fff
    }

    .wd-hover-info-alt .top-information del .amount {
        color: rgba(255, 255, 255, 0.6)
    }

    .wd-hover-info-alt .woocommerce-price-suffix {
        color: rgba(255, 255, 255, 0.6)
    }

    .wd-hover-info-alt h3.wd-entities-title, .wd-hover-info-alt .top-information p.wd-product-stock.wd-style-default, .wd-hover-info-alt .wd-product-stock, .wd-hover-info-alt .wd-product-sku .wd-label, .wd-hover-info-alt .top-information :is(.amount, .price, .price ins) {
        color: #fff
    }
}

@media (max-width: 1024px) {
    .wd-hover-button .product-element-top:before, .wd-hover-info-alt .product-element-top:before {
        content: none
    }

    .wd-hover-button .wd-buttons, .wd-hover-info-alt .wd-buttons {
        visibility: visible;
        background-color: #0f0f0f
    }

    .wd-hover-button .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));
        font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
        font-family: var(--btn-accented-font-family, var(--btn-font-family));
        font-style: var(--btn-accented-font-style, var(--btn-font-style))
    }

    .wd-hover-button .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-hover-button .wd-add-btn>a:active {
        box-shadow: var(--btn-accented-box-shadow-active);
        bottom: var(--btn-accented-bottom-active)
    }

    .wd-hover-button .add-to-cart-loop {
        width: 100%
    }

    .wd-hover-info-alt .top-information {
        position: static;
        padding: 0;
        opacity: 1
    }

    .wd-hover-info-alt .wd-add-btn>a {
        min-height: unset;
        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));
        font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
        font-family: var(--btn-accented-font-family, var(--btn-font-family));
        font-style: var(--btn-accented-font-style, var(--btn-font-style))
    }

    .wd-hover-info-alt .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-hover-info-alt .wd-add-btn>a:active {
        box-shadow: var(--btn-accented-box-shadow-active);
        bottom: var(--btn-accented-bottom-active)
    }

    .wd-hover-info-alt .wd-add-btn>a span {
        padding: 5px 14px;
        min-height: 36px;
        font-size: 12px
    }

    .wd-hover-info-alt .product-image-link img {
        border-radius: var(--wd-brd-radius)
    }

    .wd-spacing-0 .wd-hover-info-alt, .wd-spacing-2 .wd-hover-info-alt {
        margin-bottom: 10px
    }
}