.header--links {
	flex: 1 1 100%;
	justify-content: flex-end;
	gap: 0.5rem 0.3rem;
	z-index: 9999;
	position: relative;

	a {
		padding: 0.35rem;
		font-weight: 500;
		font-size: 15px;
		font-family: var(--font__sans-serif-condensed);
	}
}

@media screen and (max-width: 900px) {
	.global-nav {
		flex-wrap: wrap;
	}
	.header--links {
		flex: 1 1 100%;
		flex-direction: column;
		justify-content: flex-start;
		padding: 0 0.25rem;
		gap: 0;

		a {
			padding: 0.35rem 1rem;
			width: max-content;
		}
	}
}