Generic classes for styling

src/templates/nodes/custom/blog/_macros.pug

@@ -122,29 +122,29 @@ a.card.asset.card-image-fade.pr-0.mx-0.mb-4(
 
 //- Macro for rendering the navigation buttons for prev/next pages -//
 | {% macro render_archive_pagination(project) %}
-.blog-archive-navigation.mb-4
+.d-flex.justify-content-center
 	| {% if project.blog_archive_prev %}
-	a.archive-nav-button(
+	a.px-5.py-3(
 		href="{{ project.blog_archive_prev }}", rel="prev")
 		i.pi-angle-left
 		| Previous page
 	| {% else %}
-	span.archive-nav-button
+	span.px-5.py-3.text-black-50
 		i.pi-angle-left
 		| Previous page
 	| {% endif %}
 
-	a.archive-nav-button(
+	a.px-5.py-3(
 		href="{{ url_for('main.project_blog', project_url=project.url) }}")
 		| Blog Index
 
 	| {% if project.blog_archive_next %}
-	a.archive-nav-button(
+	a.px-5.py-3(
 		href="{{ project.blog_archive_next }}", rel="next")
 		| Next page
 		i.pi-angle-right
 	| {% else %}
-	span.archive-nav-button
+	span.px-5.py-3.text-black-50
 		| Next page
 		i.pi-angle-right
 	| {% endif %}