.chat-contact { position: fixed; bottom: 1.5rem; left: 1.5rem; z-index: 1000; display: grid; place-items: center; box-sizing: border-box; width: 56px; height: 56px; padding: 14px; border: 0; border-radius: 50%; background: var(--chat-color, #164ea5); color: #fff; box-shadow: 0 3px 12px #0003; cursor: pointer; text-decoration: none; }
.chat-contact svg { width: 28px; height: 28px; }
.chat-contact:hover { filter: brightness(1.1); }
.chat-contact:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.chat-online-badge { position: absolute; top: -2px; right: -2px; box-sizing: border-box; width: 14px; height: 14px; border-radius: 50%; background: #25d366; border: 2px solid #fff; z-index: 10; pointer-events: none; }