nav.lang-nav {
	position: relative;
	width: 140px;
	margin-top: 20px;
}

nav.lang-nav .lang-sub-menu {
	display: none;
	position: absolute;
	z-index: 999;
	width: 140px;
	padding: 10px;
	background: #fff;
	color: #333;
	border-radius: 5px;
	border-top: 1px solid #dde7f0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

nav.lang-nav .lang-sub-menu.active {
	display: block;
}

nav.lang-nav .lang-switcher {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding: 10px 10px 10px 15px;
	background: #fff;
}

nav.lang-nav a {
	display: block;
	margin-bottom: 0;
	padding: 10px 10px 6px;
	color: #333;
	font-size: 15px;
}

nav.lang-nav .lang-switcher:focus:not(:focus-visible),
nav.lang-nav a:focus:not(:focus-visible) {
	outline: none;
}

nav.lang-nav .lang-switcher:focus-visible,
nav.lang-nav a:focus-visible {
	outline: 2px solid #333;
	outline-offset: 2px;
}

nav.lang-nav .lang-sub-menu a:hover,
nav.lang-nav .lang-sub-menu a.active {
	background: #f5d10e;
	color: inherit;
}

nav.lang-nav .lang-arrow-icon {
	width: 20px;
	height: 20px;
	position: relative;
	top: 3px;
}

nav.lang-nav span {
	margin-right: 5px;
	margin-left: 5px;
}