/* MessengerButton (Figma 51:2547): gray, channel colour on hover */
.msgr { display: inline-flex; gap: 8px; }
.msgr__btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 32px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface-card); color: var(--color-text-secondary); text-decoration: none; }
.msgr__btn .icon { width: 18px; height: 18px; color: var(--color-gray-600); }
.msgr__btn--icon { width: 32px; }
.msgr__btn--labeled { padding-inline: 10px 12px; font: var(--text-small); }
.msgr__btn--labeled .icon { width: 16px; height: 16px; }
.msgr__btn:hover { background: var(--color-gray-50); border-color: var(--color-gray-300); color: var(--color-text-primary); text-decoration: none; }
.msgr--whatsapp:hover .icon { color: var(--color-success); }
.msgr--telegram:hover .icon { color: var(--color-info); }
.msgr--bale:hover .icon { color: var(--color-text-brand); }
.msgr--eitaa:hover .icon { color: var(--color-brand-orange); }
.msgr__btn.is-disabled { cursor: not-allowed; color: var(--color-text-muted); }
.msgr__btn.is-disabled .icon { color: var(--color-text-muted); }