.et-widget-customerratings {

    // Items Slider
    .et-customer-ratings-wrapper{
        .slick-slide > div {
            height: 100%;
        }
    }

    // Single Rating Item
    .et-customer-ratings-rating {
        background-color: $colorNeutral3;
        color: color-yiq($colorNeutral3);
        border: 0 none;
        height: 100%;
        display: flex !important; // Needed, because slick sets it to inline-block which breaks our styles!

        // Content wrapper
        &-content {
            display: flex;
            padding: $card-spacer-x / 2;
        }

        // Article Image
        &-image-link {
            display: block;
            margin-right: rem(20);
        }

        &-image {
            width: 120px;
            object-fit: cover;
        }

        // Ratings Details, like star icons, date, author, text etc.
        &-details {
            width: 100%;
            font-size: small;
            line-height: 27px;
        }

        &-stars {
            color: $colorRatings;
        }

        &-stars {
            float: left;
        }

        &-date {
            float: right;
        }

        &-author {
            font-weight: $font-weight-bold;
        }

        &-link {
            .btn-link {
                font-weight: $font-weight-bold;
                padding-left: 0;
                padding-right: 0;
            }
        }
    }
}