.language-switcher {
	display: flex;
	align-items: center;
	gap: 0;
	padding: 0;
	margin-block-start: auto;
	border: none;
}

.language-switcher .lang-btn {
	display: inline-flex;
	align-items: center;
	height: var(--line-height-normal); /* 24px = 1 baseline */
	background: none;
	border: none;
	padding: 0 var(--space-2);
	cursor: pointer;
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-widest);
	text-transform: uppercase;
	color: var(--color-text-muted);
	position: relative;
	transition: color var(--transition-fast);
	line-height: 1;
}

.language-switcher .lang-btn + .lang-btn::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 10px;
	width: 1px;
	background: var(--color-border-default);
}

.language-switcher .lang-btn:hover:not(.active) {
	color: var(--color-text-secondary);
	background: none;
}

.language-switcher .lang-btn.active {
	color: var(--color-copper);
	font-weight: var(--font-weight-bold);
	background: none;
	border: none;
}

.lang-btn:focus-visible {
	outline: 2px solid var(--color-copper);
	outline-offset: 2px;
	border-radius: 2px;
}