.skin-noskin [component="pagination"] {
	.page-item.active:not(.disabled) .page-link {
		color: $body-color;
		background-color: $gray-300;
		border-color: $gray-300;
	}

	.page-item:not(.disabled):hover .page-link {
		color: $body-color;
	}
}

[component="pagination"] {
	.page-item.active:not(.disabled) .page-link {
		color: $pagination-active-color;
	}
	.page-item:not(.disabled):hover .page-link {
		color: $pagination-hover-color;
		background-color: $pagination-hover-bg;
	}
	.page-item:not(.disabled) .page-link {
		color: $body-color;
	}
}