// Bloglist navigation
.pagination {
	.gil-center();

	ul {
		list-style-type: none;

		li {
			display: inline;
			margin-top: 20px;
			font-weight: bolder;
			text-transform: uppercase;
			font-size: 0.7em;

			a {
				border-radius: 30px;
				padding: 10px;
				text-decoration: none;
				background-color: @primary-color;
				color: @secondary-color;
				text-align: center;
			}

			span {
				border-radius: 30px;
				padding: 10px;
				background-color: @secondary-color;
				color: @text-color;
				text-align: center;
			}
		}
	}
}

// Article Next / Previous
.pager.pagenav {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	grid-template-areas: "prev next";
	padding-inline-start: 0px;

	li {
		width: intrinsic;

		.btn {
			padding-left: 20px;
		}

		&.next {
			grid-area: next;
			justify-self: end;
		}

		&.previous {
			grid-area: prev;
			width: fit-content; /* Chrome fix */
		}
	}
}
