.c-secondary-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	margin-left: 0;
}

.c-secondary-nav__item {
	list-style: none;

	& + &:not(:last-child) {
		margin-left: space(2.5);

		@include mq(900) {
			margin-left: space(4);
		}
	}
}


.c-secondary-nav__item--language {
	margin-left: space(2);
	padding-left: space(2);
	position: relative;

	&::before {
		content: '';
		position: absolute;
		top: space(1);
		left: 0;
		display: block;
		height: space(3);
		width: 1px;
		background-color: rgba(palette(neutral, 0), 0.2);
	}
}


.c-secondary-nav__link {
	@include text-style(5);
	@include font-family(base);
	display: block;
	padding: space(2) 0;
	cursor: pointer;
	text-decoration: none;
	color: palette(action, 300);
	transition: color 100ms linear;

	&.is-active {
		color: palette(secondary, 500);
	}

	&:hover {
		color: scale_color(palette(action, 300), $lightness: 40%);
	}
}