/* Start:/bitrix/components/ylab/likes/templates/.default/style.css?17677846361483*/
/* Стили для компонента лайков */

.votes_bar {
    background: #f8f9fa;
}

.votes_bar button {
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.votes_bar button:hover:not(:disabled) {
    background: rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
}

.votes_bar button:disabled {
    cursor: not-allowed;
}

/* Активное состояние для лайка */
.votes_bar button.js-like-action.is-active {
    background: #28a745;
    color: #fff;
}

.votes_bar button.js-like-action.is-active svg {
    fill: #fff;
}

.votes_bar button.js-like-action.is-active:hover {
    background: #218838;
}

/* Активное состояние для дизлайка */
.votes_bar button.js-dislike-action.is-active {
    background: #dc3545;
    color: #fff;
}

.votes_bar button.js-dislike-action.is-active svg {
    fill: #fff;
}

.votes_bar button.js-dislike-action.is-active:hover {
    background: #c82333;
}

/* SVG иконки */
.votes_bar svg {
    width: 24px;
    height: 24px;
    transition: fill 0.3s ease;
}

/* Счетчики */
.votes_bar span {
    font-weight: 600;
    font-size: 18px;
}

/* Анимация при клике */
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.votes_bar button.pulse {
    animation: pulse 0.3s ease;
}

/* End */
/* /bitrix/components/ylab/likes/templates/.default/style.css?17677846361483 */