.fwc-widget { position: fixed; right: 24px; bottom: 24px; z-index: 99999; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.fwc-button { position: relative; display: grid; width: 60px; height: 60px; place-items: center; color: #fff; background: #25D366; border-radius: 50%; box-shadow: 0 8px 24px rgba(0, 0, 0, .22); transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; }
.fwc-button:hover, .fwc-button:focus-visible { color: #fff; background: #1ebe5d; transform: translateY(-3px) scale(1.04); box-shadow: 0 12px 30px rgba(0, 0, 0, .27); outline: none; }
.fwc-button:focus-visible { box-shadow: 0 0 0 4px #fff, 0 0 0 7px #1ebe5d; }
.fwc-icon { width: 36px; height: 36px; }
.fwc-tooltip { position: absolute; right: 72px; top: 50%; padding: 10px 14px; min-width: max-content; color: #fff; background: #1f2937; border-radius: 7px; font-size: 14px; font-weight: 600; line-height: 1.2; opacity: 0; pointer-events: none; transform: translateY(-50%) translateX(6px); transition: opacity .2s ease, transform .2s ease; }
.fwc-tooltip::after { position: absolute; top: 50%; right: -6px; width: 12px; height: 12px; background: #1f2937; content: ""; transform: translateY(-50%) rotate(45deg); }
.fwc-button:hover .fwc-tooltip, .fwc-button:focus-visible .fwc-tooltip { opacity: 1; transform: translateY(-50%) translateX(0); }
@media (max-width: 480px) { .fwc-widget { right: 16px; bottom: 16px; } .fwc-button { width: 56px; height: 56px; } .fwc-tooltip { display: none; } }
@media (prefers-reduced-motion: reduce) { .fwc-button, .fwc-tooltip { transition: none; } }