.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;

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

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


.c-secondary-nav__link {
	@include font-size(xs);
	@include font-weight(medium);
	position: relative;
	display: block;
	padding: 0;
	color: rgba(palette(neutral, 0), 0.7);
	cursor: pointer;
	text-decoration: none;
	transition: color 150ms linear;

	@include mq(930) {
		@include font-size(s);
	}

	&.is-active {
		color: palette(neutral, 0);

		&::after {
			content:'';
			position: absolute;
			display: block;
			height: 2px;
			width: 100%;
			bottom: -4px;
			background-color: palette(primary, 800);
		}
	}

	&:hover {
		color: palette(neutral, 100);
	}
}