/* Блок привязки мессенджера на страницах после оплаты (backend/messenger_link_lib.php → mlBlockHtml).
   Нейтральные цвета: блок стоит и на тёмных мини-лендингах (внутри светлой карточки), и в светлом окне основного сайта. */
.ml-link { margin: 18px 0 6px; padding: 16px 14px 4px; text-align: center; }
.ml-link__h { text-wrap: balance; font-size: 18px; line-height: 1.3; font-weight: 700; margin-bottom: 4px; }
.ml-link__sub { font-size: 13px; line-height: 1.35; opacity: .7; margin-bottom: 14px; }
.ml-link__btns { display: flex; flex-direction: column; gap: 9px; }
/* кнопка — светлая, с фирменным логотипом канала слева */
.ml-link__btn { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 0 16px 0 10px; border-radius: 14px; color: #1c1c28 !important; text-decoration: none !important; font-size: 16px; font-weight: 700; background: #fff; border: 1.5px solid rgba(28, 28, 40, .14); box-shadow: 0 3px 10px rgba(28, 28, 40, .10); transition: transform .12s, box-shadow .12s, border-color .12s; }
.ml-link__btn span { flex: 1; text-align: left; }
.ml-link__btn::after { content: '›'; font-size: 22px; line-height: 1; opacity: .35; }
.ml-link__btn:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(28, 28, 40, .16); }
.ml-link__btn--vk:hover { border-color: #0077ff; }
.ml-link__btn--max:hover { border-color: #6476f7; }
.ml-link__btn--tg:hover { border-color: #34aadf; }
.ml-link__logo { flex: none; width: 34px; height: 34px; display: block; }
/* «или» — дальше запасной путь: кнопка установки пароля самой страницы */
.ml-link__or { display: flex; align-items: center; gap: 12px; margin: 16px 0 0; font-size: 13px; opacity: .65; }
.ml-link__or::before, .ml-link__or::after { content: ''; flex: 1; height: 1px; background: currentColor; opacity: .35; }
/* рядом с блоком кнопка пароля — второстепенная: контур вместо яркой заливки */
.ml-link ~ .cta,
.ml-link ~ .modal-center .btn-sign-set { background: transparent !important; box-shadow: none !important; animation: none !important; border: 1.5px solid rgba(128, 128, 128, .55) !important; color: inherit !important; text-shadow: none !important; font-weight: 600; filter: none !important; }
.ml-link ~ .cta { margin-top: 12px; }
