.chat-widget{display:none !important}

.floating-pill-stack{
    position:fixed;
    right:20px;
    top:50%;
    z-index:999;
    display:grid;
    justify-items:end;
    gap:10px;
    transform:translateY(-50%);
}

.floating-pill{
    display:flex;
    flex-direction:row-reverse;
    align-items:center;
    justify-content:flex-start;
    width:48px;
    height:48px;
    padding:0 15px;
    overflow:hidden;
    color:#fff;
    border-radius:999px;
    box-shadow:0 9px 25px rgba(20,61,54,.22);
    text-decoration:none;
    transition:width .32s ease,transform .25s ease,box-shadow .25s ease;
}

.floating-pill:hover,
.floating-pill:focus-visible{
    width:142px;
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 14px 30px rgba(20,61,54,.3);
    outline:none;
}

.floating-pill i{width:18px;flex:0 0 18px;text-align:center;font-size:16px}
.floating-pill span{
    max-width:0;
    margin-right:0;
    overflow:hidden;
    opacity:0;
    font-size:13px;
    font-weight:700;
    line-height:1;
    white-space:nowrap;
    transition:max-width .32s ease,margin-right .32s ease,opacity .2s ease;
}

.floating-pill:hover span,
.floating-pill:focus-visible span{
    max-width:90px;
    margin-right:11px;
    opacity:1;
}
.pill-call{background:#0b7a75}
.pill-email{background:#17342f}
.pill-facebook{background:#1877f2}
.pill-linkedin{background:#0a66c2}
.pill-instagram{background:linear-gradient(135deg,#f9ce34,#ee2a7b 55%,#6228d7)}
.pill-youtube{background:#ff0000}

#topBtn{
    right:20px !important;
    left:auto !important;
}

@media(max-width:600px){
    .floating-pill-stack{right:10px;gap:8px}
    .floating-pill{width:44px;height:44px;padding:0 13px}
    .floating-pill:hover,.floating-pill:focus-visible{width:126px}
    .floating-pill span{font-size:12px}
    .floating-pill:hover span,.floating-pill:focus-visible span{margin-right:9px}
    #topBtn{right:10px !important}
}

@media(prefers-reduced-motion:reduce){.floating-pill{transition:none}}