.pagination {
	margin-top: 50px;

	.counter {
		display: none;
	}

	ul {
		list-style-type: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		padding-inline-start: 0;

		li {
			display: contents;
		}

		li a {
			.readmore();
			margin: 0 5px;
			padding: 10px 15px;
		}

		li span {
			.readmore();
			margin: 0 5px;
			padding: 10px 15px;
			color: silver;

			&:hover {
				background-color: white;
				color: silver;
			}
		}

		@media screen and (max-width: 600px) {
			.pagination-prev::after,
			.pagination-next::before {
				content: "";
				width: 100%;
				height: 25px;
			}
		}
	}
}

.tooltip {
	display: none !important;
}

.pager.pagenav {
	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";

	li {
		.readmore();
		width: intrinsic;

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

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