.pagination-wrapper {
	display: block;
	margin: 20px auto 20px auto;
	text-align: right;

	.page-numbers {
		background-color: #fff;
		display: inline-block;
		font-weight: 600;
		width: 40px;
		height: 40px;
		line-height: 38px;
		text-align: center;
		border-radius: 50%;
		border: 2px solid #EDF1EF;
		vertical-align: middle;
		color: #9A9A9B;
		margin-bottom: 10px;

		&:not(:first-child) {
			margin-left: 5px;
		}

		&.current {
			background-color: $mainColor;
			color: #fff;
			border-color: $mainColor;
		}

		&.prev,
		&.next {
			width: auto;
			height: auto;
			border-radius: 40px;
			padding: 0 25px;
			line-height: 35px;
			color: $mainColor;
			border-color: $mainColor;
		}

		&.ui.loading.button {
			background-color: transparent;
			padding-left: 0;
			padding-right: 0;

			&:hover {
				background-color: transparent;
			}
		}
	}
}