component-product-card-w a, component-product-card-w a:hover { 
    text-decoration: none !important;
    outline: none !important;
}

   component-product-card-w .product_item .item .product-image-link .img{
        margin: 0 auto;
        padding: 100% 0 0;
        display: block;
        width: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        transition: all 0.2s ease-in-out;
    }
    component-product-card-w .product_item .item .product-image-link .-card{
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: all 0.4s;
    }
    component-product-card-w .product_item .item .product-image-link .-card .-table{
        display: table;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        color: #FFF;
        font-size: 18px;
    }
    component-product-card-w .product_item .item .product-image-link .-card .-table .-cell{
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
    component-product-card-w .product_item .item .product-image-link .-card .-table .-cell img{
        margin: 0 auto;
        display: block;
        max-width: 50%;
        max-height: 50%;
    }
    component-product-card-w .product_item .item .product-image-link:hover .-card{
        opacity: 1;
        background-color: rgba(255,255,255,0.6);
    }