.c-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	margin: space(9) 0;

	@include mq(m) {
		margin-bottom: space(18);
	}
}

.c-pagination__item {
	@include font-weight(semi-bold);
	display: flex;
	justify-content: center;
	align-items: center;

	@include mq(m) {
		@include font-size(m);
	}
}

.c-pagination__link {
	@include border-radius;
	margin: 0;
	padding: 6px space(1.5);
	color: palette(action, 500);
	text-decoration: none;
	transition: color 0.2s, background-color 0.2s;

	@include mq(m) {
		margin: 0 space(2);
	}

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

	&.is-active {
		@include font-weight(semi-bold);
		color: palette(secondary, 0);
		cursor: default;
	}
}

.c-pagination__prev,
.c-pagination__next {
	display: flex;
	justify-content: center;
	padding: space(1);
	color: rgba(palette(action, 500), 0.3);
	transform: rotate(-0.25turn);
	transition: color 0.2s;

	@include mq(m) {
		margin-left: space(2);
	}

	&:link {
		color: palette(action, 500);
	}

	&[href]:hover {
		color: palette(secondary, 500);
	}
}

.c-pagination__prev {
	transform: rotate(0.25turn);

	@include mq(m) {
		margin-left: 0;
		margin-right: space(2);
	}
}