.lang-select {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  background-attachment: scroll;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

html[lang="hu"] .lang-select {
  background-image: url("https://abigelrendezveny.hu/uplds/svg/flag-en.svg");
}

html[lang="en"] .lang-select {
  background-image: url("https://abigelrendezveny.hu/uplds/svg/flag-hu.svg");
}

html[lang="hu"] .lang-select.lang-select-hu, html[lang='hu'] .btn-en {
  display: none !important;
}

html[lang="en"] .lang-select.lang-select-en, html[lang='en'] .btn-hu {
  display: none !important;
}


.brxe-brxc-darkmode-btn.dark-switch-btn {
  --wrapper-size: 32px;
  --button-border-radius: 2px;
  --button-box-shadow: none;
  --button-outline: 0px;
  --button-outline-color: var(--mc800);
  --light-icon-color: var(--mc50);
  --light-bg-color: var(--mo500);
  --light-icon-size: 100%;
  --dark-icon-color: var(--mc50);
  --dark-bg-color: var(--mo800);
  --dark-icon-size: 120%;
  position: relative;
  aspect-ratio: 1;
  background-color: none;
  border-radius: 36px;
  box-shadow: var(--sh3);
}

.brxe-brxc-darkmode-btn.dark-switch-btn:hover {
  box-shadow: none;
}

.brxe-brxc-darkmode-btn.dark-switch-btn.dark-switch-absolute {
  position: absolute;
  top: var(--m8);
  right: var(--m7);
}


.dark-switch-btn::after, .lang-select::after {
  content: "";
  position: absolute;
  color: var(--mo50);
  background: var(--mo800);
  font-size: var(--xs);
  white-space: nowrap;
  pointer-events: none;
  padding: var(--m1) var(--m3);
  border-radius: var(--rad0);
  box-shadow: var(--sh3);
  right: 12px;
  top: 12px;
  opacity: 0;
  transition: opacity 0.3s ease, top 0.3s ease;
  z-index: 1000;
}

html[data-theme~="light"] .dark-switch-btn::after {
  content: "Sötét mód";
}

html[data-theme~="dark"] .dark-switch-btn::after {
  content: "Világos mód";
}

html[lang="hu"] .lang-select::after {
  content: "English";
}

html[lang="en"] .lang-select::after {
  content: "Magyar";
}

.dark-switch-btn:hover::after, .lang-select:hover::after {
  top: 58px;
  opacity: 1;
}


html[lang="en"] .hun {
  display: none !important;
}

html[lang="hu"] .eng {
  display: none !important;
}