.chat-launcher { isolation: isolate; }
.chat-launcher > span { display: block; transform: translateY(-5px); font-size: 25px; }
.chat-launcher > small { right: 0; bottom: 4px; width: 100%; text-align: center; font: 700 7px var(--sans); letter-spacing: .13em; }
.chat-launcher > span::after { content: ""; position: absolute; left: 12px; top: 30px; width: 7px; height: 7px; background: #f8e8bc; clip-path: polygon(0 0, 100% 0, 0 100%); opacity: .85; }
.chat-launcher #chat-unread { display: none; position: absolute; z-index: 2; top: -7px; right: -8px; min-width: 18px; height: 18px; padding: 0 4px; box-sizing: border-box; border: 2px solid #0d0b09; border-radius: 10px; background: #f0b84a; color: #1a1007; font: 800 8px/14px var(--sans); font-style: normal; text-align: center; }
.chat-launcher.has-unread { border-color: #f2c45e; animation: chatPulse 1.5s ease-in-out infinite; }
.chat-launcher.has-unread #chat-unread { display: block; }
@keyframes chatPulse {
  0%, 100% { box-shadow: 0 0 7px rgba(238, 178, 65, .38); transform: scale(1); }
  50% { box-shadow: 0 0 10px rgba(255, 198, 79, .95), 0 0 30px rgba(216, 111, 30, .65); transform: scale(1.055); }
}
@media (prefers-reduced-motion: reduce) {
  .chat-launcher.has-unread { animation: none; box-shadow: 0 0 18px rgba(255, 198, 79, .75); }
}