.pagination-outline-light {
	.page-link {
		color: white;
		background-color: transparent;
		border: $pagination-border-width solid white;

		&:hover {
			color: white;
			background-color: rgba(black, .2);
			border-color: white;
		}

		&:focus {
			z-index: 2;
			outline: 0 none;
			box-shadow: 0 0 0 $btn-focus-width rgba(white, .5);
		}
	}

	.page-item {
		font-weight: normal;

		&.active .page-link {
			color: white;
			font-weight: bold;
			background-color: rgba(black, .2);
			border-color: white;
		}

		&.disabled .page-link {
			color: rgba(white, .6);
			background-color: transparent;
			border-color: white;
		}
	}
}