.paging {
	text-align: center; margin-top: 25px;
	ul {
		display: flex; justify-content: center; gap: 4px;
		li {
			height: 27px; line-height: 27px; width: 27px; text-align: center; font-size: 1.5rem; font-weight: 500;
			&.arrow {
				position: relative; top: -4px; opacity: .55;
				a { position: relative; top: 4px; }
				&.first-page,
				&.prev-page {
					a { transform: rotate(180deg); }
				}
				img { width: 100%; height: 100%; }
			}
			a { display: block; width: 100%; height: 100%; color: #4d4d4d; border-radius: 50%; }
			&:hover a { background: #eaeaea; }
			&.select {
				a { background: #000; color: #fff; }
			}
		}
	}
}

@media (max-width: 520px) {
	.paging {
		ul {
			gap: 0;
			li {
				margin: 0;
				a { border-radius: 3px; }
			}
		}
	}
}