.cat-design-zoom-out .wd-cat-inner {
    overflow: hidden;
    border-radius: var(--wd-cat-brd-radius, var(--wd-brd-radius));
    transform: translate3d(0, 0, 0)
}

.cat-design-zoom-out .wd-cat-thumb:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    opacity: .1;
    transition: opacity 0.5s cubic-bezier(0, 0, 0.44, 1.18)
}

.cat-design-zoom-out .wd-cat-content {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    padding: 10px
}

.cat-design-zoom-out .wd-entities-title {
    display: inline-block;
    padding: .2em .9em;
    background-color: var(--bgcolor-white);
    border-radius: 25px
}

.cat-design-zoom-out .wd-cat-count {
    margin-top: 10px;
    line-height: 20px;
    color: #fff;
    transition: transform .3s ease, opacity .3s ease
}

@media (min-width: 769px) {
    .cat-design-zoom-out .wd-cat-image {
        transform:scale3d(1.1, 1.1, 1);
        transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18)
    }

    .cat-design-zoom-out .wd-cat-count {
        opacity: 0;
        transform: translateY(15px) translateZ(0)
    }

    .cat-design-zoom-out:not(.without-product-count) .wd-cat-header {
        transform: translateY(15px) translateZ(0);
        transition: transform .3s ease
    }

    .cat-design-zoom-out:not(.without-product-count):hover .wd-cat-header {
        transform: none
    }

    .cat-design-zoom-out:hover .wd-cat-thumb:before {
        opacity: .4
    }

    .cat-design-zoom-out:hover .wd-cat-image {
        transform: none
    }

    .cat-design-zoom-out:hover .wd-cat-count {
        opacity: 1;
        transform: none
    }
}

@media (max-width: 768.98px) {
    .cat-design-zoom-out .wd-cat-header .wd-entities-title {
        font-size:16px
    }

    .cat-design-zoom-out .wd-cat-thumb:before {
        opacity: .4
    }
}