.rbfs-wrap{
    position:fixed;
    top:var(--rbfs-offset,42%);
    transform:translateY(-50%);
    z-index:99990;
    display:flex;
    flex-direction:column;
    gap:var(--rbfs-gap,6px);
    pointer-events:none
}

.rbfs-left{left:14px}
.rbfs-right{right:14px}

.rbfs-item{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:var(--rbfs-size,44px);
    height:var(--rbfs-size,44px);
    min-width:var(--rbfs-size,44px);
    overflow:hidden;
    text-decoration:none!important;
    pointer-events:auto;
    box-sizing:border-box;
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        width .28s ease,
        background .22s ease,
        border-color .22s ease
}

.rbfs-right .rbfs-item{
    flex-direction:row-reverse
}

.rbfs-icon{
    width:var(--rbfs-size,44px);
    min-width:var(--rbfs-size,44px);
    height:var(--rbfs-size,44px);
    display:flex;
    align-items:center;
    justify-content:center;
    font:700 16px/1 Arial,Helvetica,sans-serif
}

.rbfs-linkedin .rbfs-icon{font-size:11px}
.rbfs-whatsapp .rbfs-icon{font-size:18px}
.rbfs-telegram .rbfs-icon{font-size:18px}

.rbfs-text{
    max-width:0;
    opacity:0;
    white-space:nowrap;
    font:700 11px/1 Arial,Helvetica,sans-serif;
    transition:max-width .28s ease,opacity .2s ease,padding .28s ease
}

/* Brand colors */
.rbfs-facebook{--brand:#4267B2}
.rbfs-instagram{--brand:#D94675}
.rbfs-youtube{--brand:#E62117}
.rbfs-pinterest{--brand:#D91E2B}
.rbfs-linkedin{--brand:#0A7EB5}
.rbfs-whatsapp{--brand:#2FCB54}
.rbfs-x{--brand:#111}
.rbfs-telegram{--brand:#169BD5}

/* 1 - colored circles */
.rbfs-style-circle-color .rbfs-item{
    border-radius:50%;
    background:var(--brand);
    color:#fff!important;
    box-shadow:0 5px 16px rgba(8,36,61,.16)
}

/* 2 - outline circles */
.rbfs-style-circle-outline .rbfs-item{
    border:1px solid #8f969c;
    border-radius:50%;
    background:#fff;
    color:#5b6065!important
}

.rbfs-style-circle-outline .rbfs-item:hover{
    border-color:var(--brand);
    color:var(--brand)!important
}

/* 3 - colored pill */
.rbfs-style-pill-color .rbfs-item{
    border-radius:999px;
    background:var(--brand);
    color:#fff!important;
    box-shadow:0 5px 16px rgba(8,36,61,.14)
}

/* 4 - square stack */
.rbfs-style-square-stack{
    gap:0!important
}

.rbfs-style-square-stack .rbfs-item{
    border-radius:0;
    background:var(--brand);
    color:#fff!important;
    box-shadow:none
}

.rbfs-style-square-stack .rbfs-item:first-child{
    border-radius:7px 7px 0 0
}

.rbfs-style-square-stack .rbfs-item:last-child{
    border-radius:0 0 7px 7px
}

/* 5 - icon only */
.rbfs-style-icon-only .rbfs-item{
    border:0;
    background:transparent;
    color:var(--brand)!important;
    box-shadow:none
}

.rbfs-style-icon-only .rbfs-item:hover{
    transform:translateY(-2px) scale(1.18)
}

/* 6 - Ringo Bells */
.rbfs-style-navy-gold .rbfs-item{
    border:1px solid rgba(213,154,48,.55);
    border-radius:50%;
    background:#08243d;
    color:#dca540!important;
    box-shadow:0 7px 18px rgba(8,36,61,.16)
}

.rbfs-style-navy-gold .rbfs-item:hover{
    background:#0d3355;
    box-shadow:0 11px 25px rgba(8,36,61,.21)
}

/* common hover */
.rbfs-item:hover{
    transform:translateY(-2px) scale(1.06)
}

/* labels */
.rbfs-labels .rbfs-item:hover{
    width:calc(var(--rbfs-size,44px) + 92px)
}

.rbfs-labels .rbfs-item:hover .rbfs-text{
    max-width:90px;
    opacity:1
}

.rbfs-labels.rbfs-left .rbfs-item:hover .rbfs-text{
    padding-right:14px
}

.rbfs-labels.rbfs-right .rbfs-item:hover .rbfs-text{
    padding-left:14px
}

/* shine */
.rbfs-style-circle-color .rbfs-item:before,
.rbfs-style-pill-color .rbfs-item:before,
.rbfs-style-square-stack .rbfs-item:before,
.rbfs-style-navy-gold .rbfs-item:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg,transparent,rgba(255,255,255,.16),transparent);
    transform:translateX(-140%);
    transition:transform .55s ease
}

.rbfs-item:hover:before{
    transform:translateX(140%)
}

@media(max-width:768px){
    .rbfs-wrap{
        top:auto!important;
        bottom:16px;
        left:50%!important;
        right:auto!important;
        transform:translateX(-50%);
        flex-direction:row;
        gap:6px!important
    }

    .rbfs-style-square-stack{
        gap:0!important
    }

    .rbfs-style-square-stack .rbfs-item:first-child,
    .rbfs-style-square-stack .rbfs-item:last-child{
        border-radius:0
    }

    .rbfs-style-square-stack .rbfs-item:first-child{
        border-radius:7px 0 0 7px
    }

    .rbfs-style-square-stack .rbfs-item:last-child{
        border-radius:0 7px 7px 0
    }

    .rbfs-labels .rbfs-item:hover{
        width:var(--rbfs-size,44px)
    }

    .rbfs-text{
        display:none!important
    }
}