.linklist {
	margin-bottom: 2rem;
}

.linklist,
.linklist > menu {
	max-width: max-content;
}

.linklist > h3 {
	color: var(--red);
}

.linklist > menu {
	padding-inline: 1.5rem;
	padding-block: .75rem;
	border: var(--border-1) solid var(--red);
	border-radius: var(--radius);
}

.linklist li + li {
	margin-block: var(--border-1);
}

.linklist a {
	--offset: .25rem;
	display: grid;
	align-items: center;
	grid-template-columns: 1fr auto;
	column-gap: 1rem;
	height: 100%;
	/* min-height: 3rem; */
	border: var(--border-1) solid transparent;
	margin-block: 0;
	border-radius: var(--radius);
	transition-duration: .5s;
	transition-timing-function: ease-out;
	padding-block: .25em;
	padding-inline: var(--offset);
	margin-inline: calc(var(--offset) * -1);
	color: var(--text-1);
}

.linklist a:hover {
	background: var(--blue);
	color: var(--back-1);
	border-color: var(--text-1);
	--offset: .75rem;
	transition-duration: .2s;
}

.linklist a:hover [class*='fa-'] {
	transform: none;
	color: var(--yellow-300);
}