.pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	column-gap: 1.2rem;

	.pagination__link {
		display: flex;
		font-weight: 400;
		font-size: 1rem;
		color: var(--color-black);
		justify-content: center;
		align-items: center;
		line-height: 1;
	}

	.pagination__link.active {
		border-radius: 100%;
		background-color: var(--color-gray);
		padding: 0.5rem 0.75rem;
		color: var(--color-black);
	}

	.pagination__link:not(.active):hover {
		color: var(--blue);
	}

	.pagination__dots {
		color: var(--color-black);
		font-weight: 400;
		font-size: 1rem;
	}
}