.tgb2-wrap{
  font-family:'DM Sans',system-ui,sans-serif;
  display:flex;align-items:center;gap:14px;
  padding:14px 18px;border-radius:14px;
  background:#eff6ff;border:1.5px solid #93c5fd;
  width:100%;box-sizing:border-box;
}
.tgb2-wrap *{box-sizing:border-box;margin:0;padding:0}
.tgb2-logo{
  width:44px;height:44px;border-radius:12px;
  flex-shrink:0;display:block;object-fit:cover;
}
.tgb2-text{flex:1;min-width:0}
.tgb2-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:2px}
.tgb2-title{font-size:14px;font-weight:800;color:#0f172a;white-space:nowrap}
.tgb2-badge{
  display:inline-flex;align-items:center;gap:4px;
  background:#dbeafe;border:1px solid #93c5fd;
  border-radius:20px;padding:2px 9px;
  font-size:11px;font-weight:700;color:#1d4ed8;white-space:nowrap;
}
.tgb2-dot{width:5px;height:5px;border-radius:50%;background:#3b82f6;flex-shrink:0;animation:tgb2-pulse 2s ease-in-out infinite}
@keyframes tgb2-pulse{0%,100%{opacity:1}50%{opacity:.4}}
.tgb2-sub{font-size:12px;font-weight:500;color:#64748b;line-height:1.4}
.tgb2-btn{
  display:inline-flex;align-items:center;gap:7px;
  background:#2AABEE;border-radius:10px;
  padding:10px 18px;text-decoration:none;
  font-size:13px;font-weight:700;color:#fff;
  white-space:nowrap;flex-shrink:0;
  transition:background .15s,transform .15s;
}
.tgb2-btn:hover{background:#1a9de0;transform:translateY(-1px)}
.tgb2-btn-icon{width:16px;height:16px;flex-shrink:0}

@media(max-width:560px){
  .tgb2-wrap{gap:10px;padding:12px 14px}
  .tgb2-logo{width:38px;height:38px;border-radius:10px}
  .tgb2-btn{padding:9px 14px;font-size:12px}
  .tgb2-title{font-size:13px}
}
@media(max-width:400px){
  .tgb2-wrap{flex-wrap:wrap}
  .tgb2-btn{width:100%;justify-content:center}
}