.post-navigation-link-previous {
	> a {
		align-items: center;
		display: grid;
		grid-template-columns: 40px 1fr;
		gap: 25px;

		&::before {
			background-image: url(../images/button-green-chevron-white-left.svg);
			background-position: left center;
			background-repeat: no-repeat;
			background-size: 40px;
			content: "";
			display: block;
			height: 40px;
			width: 40px;
		}
	}
}

.post-navigation-link-next {
	@media screen and (min-width: 782px) {
		text-align: right;
	}

	> a {
		align-items: center;
		display: grid;
		grid-template-columns: 1fr 40px;
		gap: 25px;

		&::after {
			background-image: url(../images/button-green-chevron-white-right.svg);
			background-position: left center;
			background-repeat: no-repeat;
			background-size: 40px;
			content: "";
			display: block;
			height: 40px;
			width: 40px;
		}
	}
}