.w_product_short{
    width: 100%;
    border-left: 5px solid #0098d1;
    background: linear-gradient(to right, #e1e6e5, #fff 100%);

    display: grid;
    grid-template-columns: 60px calc(100% - 70px);
    gap: 10px;

    margin-bottom: 10px;
    padding: 5px;

    img{width: 100%;height: 50px;display: block;object-fit: cover;}

    :has(.text_gradient){
        position: relative;
        height: var(--heigth);
        padding-top: 3px;
        overflow: hidden;
    }

    .text_gradient{
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.2), #fff 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0.2), #fff 100%);

        position: absolute;
        right: 0;
        top: 0;
        width: 25px;
        height: 100%;
    }

    .product_info{
        .product_name{
            font-size: 12px;
            color: #333333;
            font-weight: bold;
            line-height: 14px;

            text-decoration: none;
        }

        .author{
            font-size: 12px;
            color: #303030;
        }
    }
}

a.w_product_short {
    border-left: none;
    text-decoration: none;
    .product_info{
        .product_name{color: #0096cd;}
    }

    &:hover{.product_name{text-decoration: underline;}}
}