@layer components{
	.pagination .pagination-navigation{
		list-style: none;
		display: flex;
		justify-content: center;
		gap: 1rem;
	}

	.pagination .pagination-navigation li{
		font-weight: 400;
	}

	.pagination .pagination-navigation span{
		color: hsl(0deg 0% 55.74%);
	}

	.pagination .pagination-navigation a{
		color: black;
		text-decoration: none;
		transition: color .3s;
	}

	.pagination .pagination-navigation a:hover{
		color: hsl(var(--clr-teal));
	}
}