#fsb-wrapper{
    position:fixed;
    bottom:var(--fsb-y);
    z-index:99999;
    display:flex;
    flex-direction:column-reverse; /* main button at bottom */
    align-items:flex-end;
}
#fsb-wrapper.fsb-right{ right:var(--fsb-x); }
#fsb-wrapper.fsb-left{ left:var(--fsb-x); }

/* Main button */
#fsb-main-btn{
    display:flex;
    align-items:center;
    gap:8px;
    cursor:pointer;
}
.fsb-main-text{
    background:#4CAF50;
    color:#fff;
    padding:8px 14px;
    border-radius:999px;
    font-size:14px;
    box-shadow:0 4px 10px rgba(0,0,0,.2);
    white-space:nowrap;
}
.fsb-main-icon{
    width:56px;
    height:56px;
    border-radius:50%;
    background:#4CAF50;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    box-shadow:0 4px 10px rgba(0,0,0,.25);
}

/* Menu above main button */
#fsb-menu{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:14px;
    margin-bottom:12px;
    opacity:0;
    transform:translateY(20px);
    pointer-events:none;
    transition:opacity .25s ease, transform .25s ease;
}
#fsb-wrapper.active #fsb-menu{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
}

/* Social item */
.fsb-item{
    text-decoration:none;
}
.fsb-item-icon{
    width:64px;
    height:64px;
    border-radius:50%;
    background:#fff;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    box-shadow:0 4px 18px rgba(0,0,0,.25);
}
.fsb-tooltip{
    position:absolute;
    right:80px;
    background:#333;
    color:#fff;
    padding:6px 10px;
    border-radius:6px;
    font-size:13px;
    opacity:0;
    white-space:nowrap;
    transform:translateX(10px);
    transition:opacity .2s ease, transform .2s ease;
}
.fsb-item:hover .fsb-tooltip{
    opacity:1;
    transform:translateX(0);
}

/* Layout helper for tooltip */
.fsb-item{
    position:relative;
}

/* Responsive tweaks */
@media (max-width:768px){
    .fsb-main-text{
        font-size:13px;
        padding:6px 10px;
    }
    .fsb-main-icon{
        width:52px;
        height:52px;
    }
    .fsb-item-icon{
        width:56px;
        height:56px;
    }
}