.link-list {
	margin-bottom: 15px ;
}

.link-list a {
	display: inline-block;
	position: relative;
	color:var(--primary-highlight-color);
	font-size: 21px;
	font-family: var(--font-family-body);
	font-weight: 600;
	margin-right: 12px;
	text-decoration: underline;
}

@media (min-width: 320px) and (max-width: 768px) {
	.link-list a {
		line-height: 29px;
		letter-spacing: 0.015em;
	}
}

.link-list a:hover {
	color:var(--primary-highlight-color);
}

.link-list a:after {
	content: "";
	position: absolute;
	top: 2px;
	right: -8px;
	border-right: 1px solid var(--quaternary-highlight-color);
	height: 20px;
}

.link-list a:last-child::after {
	display: none;
}

@media (min-width: 40em) {
	.link-list {
		margin-bottom: 20px ;
	}

	.link-list a,
	.link-list a:hover {
		font-size: 24px;
		line-height: 32px;
		letter-spacing: 0.015em;
		margin-right: 20px;
	}

	.link-list a:hover {
		color: var(--primary-highlight-accent-color);
		text-decoration: underline;
	}

	.link-list a:after {
		content: "";
		position: absolute;
		top: 8px;
		right: -10px;
		border-right: 2px solid var(--primary-highlight-color);
		height: 25px;
	}
}

@media (min-width: 320px) and (max-width: 768px) {
	.link-list a,
	.link-list a:hover {
		font-size: 21px;
		line-height: 29px;
	}
}