.productRecommendation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: .5rem .875rem;
    background: #F9F9F9;
    font-size: 0.875rem;
    color: #707070;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);


    .container {
        display: flex;
        align-items: center;
        flex-wrap: wrap;

        strong {
            margin: 0 4px 0 10px;
            font-weight: 700;
            white-space: nowrap;
        }

        p {
            display: inline-flex;
            flex-wrap: wrap;
            margin-right: 1rem;
            padding: 0;
            font-weight: 500;
        }

        a {
            display: flex;
            gap: .55rem;
            flex-wrap: wrap;
            font-size: 0.875rem;
            font-weight: 600;
        }
    }

    button {
        display: flex;
        align-items: center;
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
        margin-right: 1.375rem;

        img {
            transform: scale(140%);
        }
    }
}


@media (max-width: 1100px) {
    .productRecommendation {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
        width: 100%;
        text-align: center;

        .container {
            display: inline;
        }

        a {
            display: flex;
            justify-content: center;
            width: 100%;
            text-align: center;
        }

        button {
            position: absolute;
            top: 1rem;
            right: 0;
        }
    }
}

.wp-die-message, p {
    font-size: .875rem !important;
}
