.pagination {
	display: flex;
	justify-content: center;
	gap: 12px;

	.page-links {
		display: inline-flex;
		gap: 8px;

		a,
		span {
			display: flex;
			/* padding: 0.5rem 0;  */
			width: 3.5ch;
			height: 3.5ch; 
			text-align: center;
			align-items: center;
			justify-content: center;
			border: 1px solid #ddd;
			border-radius: 4px;
			text-decoration: none;
			color: #333;
			transition: background-color 0.3s ease;




			&:hover {
				background-color: #f0f0f0;
			}
		}

		.page-previous,
		.page-next {
			width: auto; 
			height: auto;
			padding: 0.5rem 0.75rem; 
		}

		.page-current {
			background-color: #EA5326;
			color: #fff;
			border-color: #EA5326;

			&:hover {
				background-color: #EA5326;
			}
		}

		.ellipsis {
			pointer-events: none;
			color: #999;
		}
	}
}