/* wallet-modal.css Підключи в : */ /* ── Кнопка — базовий стан ───────────────────────────────── */ .connect-btn { display: flex; align-items: center; gap: 8px; padding: 8px 18px; background: transparent; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; color: #fff; font-family: 'Space Mono', monospace; font-size: 13px; cursor: pointer; transition: border-color .2s, background .2s, box-shadow .2s; white-space: nowrap; } .connect-btn:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.04); } /* ── Підключено ──────────────────────────────────────────── */ .connect-btn.connected { border-color: rgba(74, 222, 128, 0.5); box-shadow: 0 0 12px rgba(74, 222, 128, 0.15); } .connect-btn.connected:hover { border-color: rgba(74, 222, 128, 0.8); background: rgba(74, 222, 128, 0.05); } /* ── Пульс-індикатор ────────────────────────────────────── */ .connect-pulse { width: 8px; height: 8px; border-radius: 50%; background: #6b7280; flex-shrink: 0; animation: walletPulse 2s ease-in-out infinite; } @keyframes walletPulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(0.85); } } /* ── Хедер — щоб все лягло рівно ────────────────────────── */ .header { display: flex; align-items: center; justify-content: space-between; } .header-right { display: flex; align-items: center; gap: 12px; }