.popup-mod-messengers > div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 20px;
    margin-bottom: 40px; /* Отступ снизу до следующего блока */
}

.popup-mod-messengers > p {
    color: #828282;
    margin-top: 10px;
    margin-bottom: 15px;
}

.popup-mod-icon-checkbox {
    display: none;
}

.popup-mod-icon-label {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-size: 80%; /* Устанавливаем размер иконки */
    background-position: center; /* Центрируем иконку */
    background-repeat: no-repeat; /* Убираем повторение фона */
    cursor: pointer;
    border: 2px solid transparent; /* Изначально бордер прозрачный */
    border-radius: 50%; /* Делаем рамку круглой */
    transition: border-color 0.2s ease; /* Убираем трансформацию иконки, оставляем только изменение бордера */
    user-select: none; /* Отключаем выделение текста */
    outline: none; /* Убираем фокусную рамку */
}

.popup-mod-icon-label:focus {
    outline: none; /* Убираем фокусную рамку при клике */
}

.popup-mod-icon-checkbox:checked + .popup-mod-icon-label.popup-mod-telegram {
    border-color: #0088cc; /* Цвет бордера для Telegram */
}

.popup-mod-icon-checkbox:checked + .popup-mod-icon-label.popup-mod-whatsapp {
    border-color: #25d366; /* Цвет бордера для WhatsApp */
}

.popup-mod-icon-checkbox:checked + .popup-mod-icon-label.popup-mod-viber {
    border-color: #7360f2; /* Цвет бордера для Viber */
}

.popup-mod-icon-checkbox:checked + .popup-mod-icon-label.popup-mod-msgsignal {
    border-color: #0088cc; /* Цвет бордера для msgsignal */
}

/* Подключаем иконки */
.popup-mod-telegram {
    background-image: url('/images/massengerIco/telegram_send.png');
}

.popup-mod-whatsapp {
    background-image: url('/images/massengerIco/whatsup_send.png');
}

.popup-mod-viber {
    background-image: url('/images/massengerIco/viber_send.png');
}

.popup-mod-msgsignal {
    background-image: url('/images/massengerIco/msgsignal.png');
}

/* Стили для текста */
.popup-mod-icon-text {
    display: none; /* Текст скрыт по умолчанию */
    color: #000000;
    text-align: center;
    font-size: 14px;
    margin-top: 5px; /* Поднимаем текст ближе к иконке */
    height: 20px; /* Фиксированная высота для текста */
    line-height: 20px; /* Центрирование текста по вертикали */
    position: absolute;
    width: 100%; /* Ширина текста под иконкой */
    left: 0;
    bottom: -25px; /* Отступ от иконки */
}

.popup-mod-icon-checkbox:checked + .popup-mod-icon-label + .popup-mod-icon-text {
    display: block; /* Показываем текст при выборе чекбокса */
}

.popup-mod-messengers > div > div {
    margin-right: 15px;
    text-align: center; /* Центрируем текст под иконкой */
    position: relative;
}
@media (max-width: 767.9px) {
    .popup-mod-messengers > div {
        padding-left: 0px;
    }
}