.woocommerce .woocommerce-pagination ul.page-numbers,
.woocommerce-page .woocommerce-pagination ul.page-numbers{
	border: none;
	margin: 0;
	li {
		border: none;
		float: none;
		@include d-inline-flex();
		@include align-items-center();
		span,
		a {
			font-size: 16px;
			color: var(--g5-color-heading);
			font-weight: 600;
			display: inline-block;
			-webkit-transition: all 0.3s;
			transition: all 0.3s;
			width: 40px;
			height: 40px;
			line-height: 40px;
			padding: 0;
			text-align: center;
			border-radius: 50%;
			@include transition(all .5s);

			&.current,
			&:hover {
				color: var(--g5-color-primary);
				background-color: #F5F5F5;
			}
		}

		.prev,
		.next {
			font-size: 0;
		}
	}
}