.mrc-floating-button{
display:inline-flex; align-items:center; gap:10px;
padding:10px 12px; background:#ffffff; border-radius:40px;
text-decoration:none; box-sizing:border-box;
transition:transform .2s ease, box-shadow .2s ease;
will-change:transform;
}
.mrc-floating-button:hover{ transform:translateY(-1px); }
.mrc-floating-button .mrc-welcome-text{
font: 500 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
color:#333; white-space:nowrap;
} .mrc-icon{
display:block; width:60px; height:60px; border-radius:50%;
background:#0b5fff;
} .mrc-shadow .mrc-icon{ box-shadow:0 6px 14px rgba(0,0,0,.2); }
.mrc-shadow{ box-shadow:0 6px 14px rgba(0,0,0,.08); } .mrc-icon::after{
content:''; display:block; width:32px; height:32px; margin:14px auto 0;
background-repeat:no-repeat; background-position:center; background-size:contain;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20 2H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zM6 9h12v2H6V9zm0-3h12v2H6V6zm0 6h8v2H6v-2z'/%3E%3C/svg%3E");
} .mrc-pulse .mrc-icon{ position:relative; }
.mrc-pulse .mrc-icon::before{
content:''; position:absolute; inset:-6px; border-radius:50%;
border:2px solid rgba(11,95,255,.35); opacity:.8; animation:mrc-pulse 1.7s ease-out infinite;
}
@keyframes mrc-pulse {
0%{ transform:scale(.85); opacity:.8; }
70%{ transform:scale(1.25); opacity:0; }
100%{ transform:scale(1.25); opacity:0; }
} @media (max-width:480px){
.mrc-floating-button .mrc-welcome-text{ display:none; }
} .mrc-img{width:60px;height:60px;border-radius:50%;display:block;object-fit:cover;} .mrc-img{width:60px;height:60px;border-radius:50%;display:block;object-fit:cover;} .mrc-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;display:block;flex-shrink:0;}
.mrc-avatar picture{display:block;width:100%;height:100%;}
.mrc-avatar .mrc-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;} .mrc-rotate-hover .mrc-avatar{ transition: transform .7s ease; will-change: transform; }
.mrc-rotate-hover:hover .mrc-avatar{ transform: rotate(360deg); } .mrc-hover-reveal .mrc-welcome-text{
max-width: 0;
opacity: 0;
margin-left: 0;
overflow: hidden;
transition: max-width .35s ease, opacity .25s ease, margin .25s ease;
}
.mrc-hover-reveal:hover .mrc-welcome-text{
max-width: 260px;
opacity: 1;
margin-left: 10px;
}