.eds-c-pagination {
	@include u-list-reset;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	font-family: $t-eds-c-pagination-font-family;
	font-size: $t-eds-c-pagination-font-size;
	padding: $t-eds-c-pagination-padding-mobile;
	line-height: $t-eds-c-pagination-line-height;
	gap: $t-eds-c-pagination-vertical-gap;
}

@include from-tablet {
	.eds-c-pagination {
		padding: $t-eds-c-pagination-padding-desktop;
	}
}

.eds-c-pagination__item {
	margin-right: $t-eds-c-pagination-item-horizontal-spacing;
}

.eds-c-pagination__item--prev {
	margin-right: $t-a-space-absolute-400;
	
	& .eds-c-pagination__link {
		padding: $t-a-space-absolute-400 $t-a-space-absolute-200;
	}
}

.eds-c-pagination__item--next {
	margin-left: $t-a-space-absolute-200;

	& .eds-c-pagination__link {
		padding: $t-a-space-absolute-400 $t-a-space-absolute-200;
	}
}

.eds-c-pagination__item:last-child {
	margin-right: 0;
}

.eds-c-pagination__link {
	align-items: center;
	cursor: pointer;
	display: inline-block;
	font-size: $t-eds-c-pagination-link-font-size;
	margin: 0;
	position: relative;
	padding: $t-eds-c-pagination-link-padding;
	text-align: center;
	transition: all .2s;
	color: $t-eds-c-pagination-link-color;
}

.eds-c-pagination__link:visited {
	color: $t-eds-c-pagination-link-color;
}

.eds-c-pagination__link--disabled {
	color: $t-eds-c-pagination-link-disabled-color;
	border-color: $t-eds-c-pagination-link-disabled-color;
	cursor: default;
}

.eds-c-pagination__link--active {
	color: $t-eds-c-pagination-link-active-color;
	background-color: $t-eds-c-pagination-link-active-background-color;
	background-image: none;
	border-radius: $t-eds-c-pagination-link-border-radius;
}

.eds-c-pagination__link--active:hover,
.eds-c-pagination__link--active:focus,
.eds-c-pagination__link--active:visited {
	color: $t-eds-c-pagination-link-active-color;
}

.eds-c-pagination__link-container {
	display: flex;
	align-items: center;
}

.eds-c-pagination__icon {
	fill: $t-eds-c-pagination-icon-color;
	width: $t-eds-c-pagination-icon-size;
	height: $t-eds-c-pagination-icon-size;
}

.eds-c-pagination__icon--disabled {
	fill: $t-eds-c-pagination-link-disabled-color;
}

.eds-c-pagination__visually-hidden {
	@include u-visually-hidden;
}
