.lang{position:relative}.lang-btn{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:100px;border:1px solid rgba(0,0,0,.11);background:#fff;color:#000;font-size:12px;letter-spacing:.02em;transition:border-color .25s cubic-bezier(.16,1,.3,1),background .25s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}.lang-btn:hover{border-color:#0000004d}.lang .bendera{width:20px;height:13.3px;border-radius:2.5px;flex:none;box-shadow:0 0 0 1px #00000024}.lang .panah{width:11px;height:11px;flex:none;transition:transform .3s cubic-bezier(.16,1,.3,1)}.lang.buka .panah{transform:rotate(180deg)}.lang-list{position:absolute;right:0;top:calc(100% + 8px);min-width:178px;padding:6px;border-radius:16px;z-index:80;background:#fffffff0;border:1px solid rgba(0,0,0,.08);box-shadow:0 22px 46px -22px #00000073;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),visibility 0s linear .35s}.lang.buka .lang-list{opacity:1;visibility:visible;transform:none;transition-delay:0s}.lang-list button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border-radius:11px;font-size:12.5px;color:#111;text-align:left;transition:background .2s cubic-bezier(.16,1,.3,1),color .2s}.lang-list button:hover{background:#0000000f}.lang-list button.on{background:#000;color:#fff}@media (max-width:880px){.lang-kode{display:none}.lang-btn{padding:8px 10px;gap:6px}}