.bale-widget{
  position:fixed;
  bottom:150px;
  left:14px;
  z-index:10000;
  display:flex;
  align-items:center;
  gap:10px;
}


.bale-text-box{
  background:#2f80ed;
  color:#fff;
  padding:9px 14px;
  border-radius:12px;
  font-size:13px;
  box-shadow:0 6px 18px rgba(0,0,0,0.25);
  white-space:nowrap;
  animation:baleTextMove 2s infinite;
}


.rubica-icon{
  width:55px !important;
  height:55px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  box-shadow:0 6px 20px rgba(0,0,0,0.3);
  text-decoration:none !important;
  position:relative;
  animation:baleShake 3s infinite;
}


.rubica-icon::before{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  border-radius:50%;
  background:rgba(47,128,237,0.35);
  animation:baleRipple 2s infinite;
  z-index:-1;
}


@keyframes baleShake{
  0%,100%{transform:rotate(0);}
  10%{transform:rotate(-10deg);}
  20%{transform:rotate(10deg);}
  30%{transform:rotate(-6deg);}
  40%{transform:rotate(6deg);}
  50%{transform:rotate(0);}
}


@keyframes baleRipple{
  0%{
    transform:scale(1);
    opacity:0.7;
  }
  100%{
    transform:scale(1.8);
    opacity:0;
  }
}
@keyframes baleTextMove{
  0%,100%{transform:translateX(0);}
  50%{transform:translateX(-4px);}
}