:root {
    /* Фирменные цвета */
    --colors__firm_violet: #340F54;
    --colors__firm_white: #ffffff;
    --colors__firm_gray: #818691;
    --colors__firm_red: #FA494C;
    --colors__firm_red_hover: #E33639;
    --colors__firm_green: #43A771;
    --colors__firm_text_dark: #1b1b21;
}

/* Кнопка подсказки */

.button__tip__wrapper {
    position: relative;
}

.button__tip:hover {
    cursor: pointer;
    opacity: 0.5;
}

.button__tip {
    position: absolute;
}

.button__tip_position_not_absolute {
    position: relative !important;
}

.button__tip.common {
    right: -35px;
    bottom: 7px;
}

.button__tip.inner {
    right: 10px;
    bottom: 4px;
}

.button__tip.inline {
    position: relative;
    /* display: inline-block;
    bottom: -5px; */
    width: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
}

.button__tip.gray svg circle {
    stroke: var(--colors__firm_gray);
}

.button__tip.gray svg path {
    fill: var(--colors__firm_gray);
}

.button__tip.in_td {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 2px 5px;

}

.tip_content {
    max-width: 300px;
    position: absolute;
    background-color: var(--colors__firm_text_dark);
    color: var(--colors__firm_white);
    border-radius: 10px;
    padding: 15px;
    z-index: 100000;
    font-size: 11px;
    font-weight: 300;
}

.tip_content a {
    color: var(--colors__firm_red);
    text-decoration: underline;
}

.tip_content a:hover {
    color: var(--colors__firm_white);
}

@media only screen and (max-width: 815px) {

    /* Точечное управление возле кнопки Подписаться на странице поиска в фильтре */
    .button__tip[data-tip_name="settings_subscribe"] {
        display: none;
    }

}