.topbar-left { display:flex; align-items:center; gap:10px; flex-wrap:wrap; } .lang-switch { position:relative; display:inline-flex; } .lang-switch-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:8px 14px; border-radius:999px; border:1px solid rgba(255,255,255,0.25); background:rgba(0,0,0,0.70); color:#fff; text-decoration:none; font-size:12px; font-weight:700; cursor:pointer; transition:all 0.18s ease; } .lang-switch-btn:hover { background:rgba(255,255,255,0.12); } .lang-switch-btn:after { content:"⌵"; display:inline-block; font-size:10px; margin-left:2px; } .lang-switch-menu { position:absolute; top:calc(100% + 8px); right:0; z-index:20; min-width:170px; border-radius:18px; background:rgba(0,0,0,0.95); box-shadow:0 18px 44px rgba(0,0,0,0.36); padding:8px 6px; opacity:0; visibility:hidden; transform:translateY(-10px); transition:all 0.18s ease; pointer-events:none; }
.lang-switch:hover .lang-switch-menu, .lang-switch:focus-within .lang-switch-menu { opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; }
.lang-switch-menu a { display:block; padding:12px 14px; border-radius:14px; text-decoration:none; color:#fff; font-size:13px; font-weight:700; transition:background 0.18s ease; }
.lang-switch-menu a:hover { background:rgba(255,255,255,0.10); }
.lang-switch-menu a.active { background:rgba(255,255,255,0.14); color:#FFBA00; }
MTL Game Shop
Game Top-Up Center