.c-submenu {
	margin-left: 0;
	list-style: none;
}


.c-submenu__item {
	border-bottom: 1px solid palette(primary, 200);
	max-width: 45em;
}


.c-submenu__link {
	@include font-weight(semiBold);
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: space(2) 0;
	color: palette(neutral, 700);
	transition: color 150ms linear;
	text-decoration: none;

	&:hover {
		color: palette(primary, 500);
	}

	&.is-active {
		@include font-weight(extraBold);
		color: palette(primary, 500);
	}
}


.c-submenu__arrow {
	flex: none;
	color: palette(primary, 500);
	transition: transform 150ms ease-in-out;

	.c-submenu__link:hover & {
		transform: translateX(space(1));
	}
}