.c-social {
	display: flex;
	margin-left: 0;
	list-style: none;
}


.c-social__channel {
	@include border-radius(xs);
	display: flex;
	justify-content: center;
	align-items: center;
	width: space(4);
	height: space(4);
	margin-right: space(1);
	background-color: palette(neutral, 0);
	transition: background-color 150ms linear;

	&:hover {
		background-color: rgba(palette(neutral, 300), 0.85);
	}
}