/* Basic styles for Telegram Support Button */
.tsb-container{display:flex;flex-direction:column;gap:8px;align-items:center}
.tsb-button{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#229ED9;box-shadow:0 6px 16px rgba(0,0,0,.25);transition:transform .2s ease, box-shadow .2s ease;overflow:hidden}
.tsb-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.28)}
.tsb-button img{width:60%;height:60%;pointer-events:none}
.tsb-tooltip{background:rgba(0,0,0,.75);color:#fff;padding:6px 10px;border-radius:8px;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.2)}
/* Pulse animation (optional) */
.tsb-pulse{position:relative}
.tsb-pulse::after{content:"";position:absolute;inset:0;border-radius:50%;animation:tsb-pulse 1.8s ease-out infinite;border:2px solid rgba(34,158,217,.45)}
@keyframes tsb-pulse{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.6);opacity:0}100%{transform:scale(1.8);opacity:0}}
/* Respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce){
  .tsb-button,.tsb-pulse::after{animation:none;transition:none}
}
/* RTL/LTR safe */
.tsb-container[dir="rtl"] .tsb-tooltip{direction:rtl}