/* Wrapper */
.ti-lu-wrap{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:12px;
  padding:10px 14px;

  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.15);
  border-radius:12px;

  font-size:14px;
  font-weight:600;
  color:#fff;

  backdrop-filter:blur(10px);
}

/* Green dot */
.ti-lu-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#22c55e;
  position:relative;
  flex-shrink:0;
}

/* Pulse animation */
.ti-lu-dot::after{
  content:'';
  position:absolute;
  inset:-4px;
  border-radius:50%;
  border:2px solid #22c55e;
  animation:tiLuPulse 1.8s infinite;
}

@keyframes tiLuPulse{
  0%{
    transform:scale(.8);
    opacity:.8;
  }
  70%{
    transform:scale(1.6);
    opacity:0;
  }
  100%{
    opacity:0;
  }
}

/* Text */
.ti-lu-text{
  line-height:1;
  color:#fff;
}