.floating-friends { position:fixed;bottom:20px;right:20px;z-index:9999; }
.floating-friends-content { width:300px;background:#fff;border-radius:8px;padding:15px;max-height:0;overflow:hidden;opacity:0;transition:all .3s;box-shadow:0 4px 12px rgba(0,0,0,.15); }
.floating-friends:hover .floating-friends-content { max-height:500px;opacity:1; }
.floating-friends-toggle { width:50px;height:50px;border-radius:50%;background:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;text-decoration:none; }
.floating-friends-list { list-style:none;padding:0;margin:0; }
.floating-friends-list li { margin-bottom:8px; }
.floating-friends-list a { color:#007bff;text-decoration:none;font-size:14px; }
.floating-friends-title { text-align:center;font-size:16px;margin-bottom:10px; }