z-index: 1001; } .tooltip:after { content: ''; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); border: 5px solid transparent; border-top-color: #333; } .messenger-link:hover .tooltip, .action-link:hover .tooltip { opacity: 1; visibility: visible; } .separator { width: 1px; height: 30px; background: #eee; } /* Адаптивность */ @media (max-width: 768px) { .messengers-widget { height: 60px; padding: 0 10px; gap: 8px; } .messenger-link, .action-link { width: 45px; height: 45px; } .messenger-link.max { font-size: 16px; } } /* Скрыть тултипы на тач-устройствах */ @media (hover: none) and (pointer: coarse) { .tooltip { display: none; } }