.cfd-floating{
    position:fixed;
    z-index:99999;
    transform:translateY(-50%);
    display:flex;
    flex-direction:column;
    gap:var(--cfd-gap,8px);
    pointer-events:auto;
}
.cfd-right{right:0}.cfd-left{left:0}
.cfd-floating-item{
    width:var(--cfd-size,48px);
    height:var(--cfd-size,48px);
    background:var(--cfd-bg,#111827);
    color:var(--cfd-icon,#ffffff)!important;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none!important;
    box-shadow:0 8px 18px rgba(0,0,0,.22);
    transition:background-color .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease;
    overflow:hidden;
}
.cfd-right .cfd-floating-item{border-radius:var(--cfd-radius,10px) 0 0 var(--cfd-radius,10px)}
.cfd-left .cfd-floating-item{border-radius:0 var(--cfd-radius,10px) var(--cfd-radius,10px) 0}
.cfd-floating-item:hover,
.cfd-floating-item:focus{
    background:var(--cfd-bg-hover,var(--cfd-bg,#111827));
    color:var(--cfd-icon-hover,var(--cfd-icon,#ffffff))!important;
    transform:translateX(0);
    box-shadow:0 10px 22px rgba(0,0,0,.28);
}
.cfd-floating-item i{font-size:var(--cfd-icon-size,22px);line-height:1;text-align:center;color:inherit!important}
.cfd-inline-button{
    display:inline-flex;
    gap:8px;
    align-items:center;
    justify-content:center;
    padding:10px 16px;
    border-radius:8px;
    background:var(--cfd-inline-bg,#111827);
    color:var(--cfd-inline-icon,#ffffff)!important;
    text-decoration:none!important;
    font-weight:700;
    transition:background-color .22s ease,color .22s ease;
}
.cfd-inline-button:hover,
.cfd-inline-button:focus{
    background:var(--cfd-inline-bg-hover,var(--cfd-inline-bg,#111827));
    color:var(--cfd-inline-icon-hover,var(--cfd-inline-icon,#ffffff))!important;
}
.cfd-inline-button i{color:inherit!important}
.cfd-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:767px){
    .cfd-hide-mobile{display:none!important}
    .cfd-floating{gap:var(--cfd-gap-mobile,var(--cfd-gap,8px))}
    .cfd-floating-item{width:var(--cfd-mobile-size,var(--cfd-size,44px));height:var(--cfd-mobile-size,var(--cfd-size,44px))}
    .cfd-floating-item i{font-size:var(--cfd-mobile-icon-size,var(--cfd-icon-size,20px))}
}
@media(min-width:768px){.cfd-hide-desktop{display:none!important}}