.listrak-recommendations-brd .recommendations-title {
    color: #000;
}

.listrak-recommendations-brd .recommendations-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000;
}

.listrak-recommendations-brd .recommendation-name {
    color: #000;
}

.listrak-recommendations-brd .recommendation-name:hover {
    color: #d14343;
}

.listrak-recommendations-brd .recommendation-current-price {
    color: #d14343;
}

.listrak-recommendations-brd .recommendation-price-label {
    color: #a5a5a5;
}

.listrak-recommendations-brd .recommendation-sale-badge {
    background: #7fb7c9;
    color: #231f20;
}

.listrak-recommendations-brd .recommendation-button {
    background: #7fb7c9;
    color: #fff;
}

.listrak-recommendations-brd .recommendation-button:hover {
    background: #639cad;
    color: #fff;
}

.listrak-recommendations-brd {
    width: calc(100% - 96px);
}

.listrak-recommendations-brd .recommendations-arrow {
    left: -40px;
}

.listrak-recommendations-brd .recommendations-arrow[data-direction="1"] {
    right: -40px;
    left: auto;
}

@media (max-width: 768px) {
    .listrak-recommendations-brd {
        width: calc(100% - 16px);
    }

    .listrak-recommendations-brd .recommendations-arrow {
        top: 125px;
        left: 10px;
        z-index: 2;
        background: #fff;
    }

    .listrak-recommendations-brd .recommendations-arrow[data-direction="1"] {
        right: 10px;
        left: auto;
    }

    .listrak-recommendations-brd .recommendation-name {
        font-size: 14px;
    }

    .listrak-recommendations-brd .recommendation-price {
        font-size: 14px;
    }
}