.jgb_pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;

	&-items {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		list-style: none;
	}

	&-item {
		margin: 10px 5px;
	}

	&-prev,
	&-next,
	&-page-link {
		padding-left: 3px;
		padding-right: 3px;
		min-width: 30px;
		text-align: center;
	}

	&-prev {
		&-text {
			margin-left: 8px;
		}
	}

	&-next {
		&-text {
			margin-right: 8px;
		}
	}

	&-gap {
		user-select: none;
	}

	//animation styles
	&.pagination {

		&-enter-active,
		&-leave-active {
			transition: all .7s ease-out;
		}

		&-enter,
		&-leave-to {
			opacity: 0;
		}
	}
}