.pagination {
	@extend %flex;
	justify-content: center;
	gap: 12px;
	.page-item {
		text-align: center;
		.page-link {
			font-weight: 600;
			width: 40px;
			height: 40px;
			line-height: 40px;
			padding: 0;
			border-color: hsl(var(--border));
			box-shadow: none;
			color: hsl(var(--body));
		}
		&.active,
		&:hover {
			.page-link {
				color: hsl(var(--white));
				background-color: hsl(var(--base));
				border-color: transparent;
			}
		}
		&.disabled {
			cursor: no-drop !important;
			.page-link {
				color: hsl(var(--body));
				background: hsl(var(--dark) / 0.1);
				border: none;
			}
		}
	}
}