.link--primary {
	display: inline-flex;
	font-size: var(--h6);
	text-decoration: none !important;
}
@media screen and (max-width: 1025px) {
	.link--primary {
		font-size: var(--h5);
	}
}
.link--primary svg {
	position: relative;
	--left-initial: 0;
	--left-animate: 65px;
	left: var(--left-initial);
}
.link--primary svg + svg {
	position: absolute;
	transform: translateX(-50%) translateY(-50%);
	top: 42%;
	--left-initial: -45px;
	--left-animate: 20px;
	left: var(--left-initial);
}

.link--primary .arrow-wrapper {
	position: relative;
	overflow: hidden;
	padding-left: 10px;
	padding-right: 10px;
}
@media screen and (min-width: 1026px) {
	.nyheter-feed .link--primary,
	.projekt-feed .link--primary {
		right: -10px;
		position: relative;
	}
}

@keyframes arrow-move {
	0% {
		left: var(--left-initial);
	}
	100% {
		left: var(--left-animate);
	}
}

@media screen and (min-width: 1026px) {
	.link--primary.is-animating svg,
	.link--primary.is-animating svg + svg {
		animation: arrow-move 0.3s ease-out forwards;
	}
}

.btn--primary,
.btn--secondary,
header .menu-item.contact-us a,
.btn--accent {
	border-radius: 50vmax;
	color: var(--primary-ultra-dark) !important;
	text-decoration: none !important;
	font-size: var(--h5);
	padding: 9px 24px;
	transition: 0.2s ease-out;
	line-height: 1;
}

.btn--primary {
	background: var(--primary-dark);
	color: white !important;
}

.btn--accent {
	background: var(--accent-light);
	position: relative;
	padding-left: 12px;
	padding-right: 34px;
	font-size: var(--h6);
}
.btn--accent svg {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
}

.btn--secondary {
	background: var(--accent);
	color: var(--primary-ultra-dark) !important;
}

header .menu-item.contact-us a {
	background: var(--accent);
	color: var(--primary-ultra-dark) !important;
	padding: 8px 24px;
}
@media screen and (max-width: 1025px) {
	header .menu-item.contact-us a {
		padding: 12px 28px;
	}
}
@media screen and (min-width: 1026px) {
	header .menu-item.contact-us a {
		font-size: var(--h5);
	}

	header .menu-item.contact-us {
		margin-left: auto;
	}
}

li.menu-item a {
	text-decoration: underline;
	text-decoration-color: transparent;
}

li.menu-item a:is(:hover, :focus-visible) {
	text-decoration-color: inherit;
}

@media screen and (min-width: 1026px) {
	.btn--primary.btn--primary:is(:hover, :focus-visible) {
		background: var(--primary);
		color: var(--primary-ultra-dark) !important;
	}

	.btn--accent.btn--accent:is(:hover, :focus-visible) {
		background: var(--accent);
		color: var(--primary-ultra-dark);
	}
	.btn--secondary:is(:hover, :focus-visible, :focus),
	header .menu-item.contact-us a:is(:hover, :focus-visible) {
		background: var(--primary-dark) !important;
		color: white !important;
		outline: none !important;
	}
}
