/*
* Таблица стилей для отзывов на странице meatinfo.ru/shop
* и fishretail.ru/shop
*
* @author Николай/ukrop33
*/

.show-revue-btn {
    display: none;
    align-items: flex-start;
    width: 100%;
    margin: 32px 0;
    padding: 16px 24px;
    background: #F3FAFF;
    border: 1px solid #D2E5F4;
    border-radius: 3px;
    text-decoration: none;
}

@media (max-width: 900px) {
    .show-revue-btn {
        display: flex;
    }
}

.js-open-tsop-modal, .js-open-tsop-modal a {
    color: #126aba;
}

.show-revue-btn--meat {
    border: 1px solid #D2E5F4;
    background: #F3FAFF;
}

.show-revue-btn--fish {
    border: 1px solid #E0E0E0;
    background: #F0F0F0;
}

.show-revue-btn__icon {
    flex: 0 0 24px;
    margin-right: 16px;
    width: 24px;
    height: 24px;
}

.show-revue-btn__icon img {
    width: 100%;
    height: 100%;
}

.show-revue-btn__inner {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.show-revue-btn__title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    color: #212121;
    margin: 0px 0px 4px 0px;
}

.show-revue-btn__call {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
    line-height: 20px;
    color: #0063BD;
    white-space: nowrap;
    text-decoration: none;
}

.show-revue-btn__call svg {
    fill: #0063BD;
}

.show-revue-btn__call:hover {
    text-decoration: underline;
    color: #0063BD;
}
