.pagination {

	> .page-item {

		> .page-link {
			min-width: 3.125rem;

			@include flex;
			@include flex-just;

			&:focus,
			&:active {

				@include box-shadow;
			}
		}

		> span {

			&.page-link {
				pointer-events: none;
			}
		}

		&:first-child {

			svg {
				transform: scaleX(-1);
			}

			&:hover {

				.icon {
					animation: iconMove ease-out $transition-duration reverse;
				}
			}
		}
	}
}

.lazy-load {
	margin: auto;
	font-weight: 600;

	@include transition;

	&.load-more {

		.loading-text {
			display: none;
		}

		&.active {

			.loadmore-text {
				display: none;
			}
			
			.loading-text {
				display: inline;
			}
		}
	}

	&:not(.active) {

		.button {
			box-shadow: none;
		}
	}
}

.lazy-load,
.pagination:not(.text-center) {
	min-width: 100%;
	padding: $grid-spacer 0;

	@include flex;

	// Small

	&.-small {

		.button {
			min-width: 2.25rem;
			padding: 0 0.75rem;
			min-height: 2.25rem;
		}
	}

	// Large

	&.-large {

		.button {
			min-width: 3.625rem;
			font-size: $font-size-action-large;
			line-height: 1.75rem;
			padding: 0 1.4rem;
			min-height: 3.625rem;
		}
	}

	// Text

	&.-flat {

		.button {

			&:not(.-flat) {
				color: inherit;
				background-color: $color-neutral-6;
			}
		}
	}

	// Outlined

	&.-outlined {

		.button {

			&:not(.-flat) {

				@extend .-outlined;
			}
		}
	}

	&.-flat,
	&.-outlined {

		.button {

			&:hover,
			&:focus,
			&:active {
				background: transparent !important;
			}
		}
	}

	&:not(.-flat):not(.-outlined):not(.text-center) {

		.button {

			&:not(.-flat) {
				color: $color-white;
			}
		}
	}
}

.pagination-standard {
	min-width: 100%;
}

@keyframes mymove {

	0% {
		transform: rotate(0deg);
	}
	
	100% {
		transform: rotate(360deg);
	}
}