/* MoSeven + · Filter-Link */

.msp-fl .msp-fl__link,
.msp-fl .msp-fl__link:hover,
.msp-fl .msp-fl__link:focus,
.msp-fl .msp-fl__link:visited {
	text-decoration: none;
	box-shadow: none;
}

.msp-fl .msp-fl__link {
	display: inline-flex;
	align-items: center;
	gap: 0.35em;
	color: #ff7a2b;
	font-weight: 600;
	letter-spacing: 0.06em;
	line-height: 1.2;
	text-transform: uppercase;
	transition: color 0.2s ease;
}

.msp-fl-underline-yes .msp-fl .msp-fl__link:hover .msp-fl__text,
.msp-fl-underline-yes .msp-fl .msp-fl__link:focus-visible .msp-fl__text {
	text-decoration: underline;
	text-underline-offset: 0.2em;
	text-decoration-thickness: 0.08em;
}

.msp-fl .msp-fl__link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 4px;
}

.msp-fl .msp-fl__arrow {
	width: 1em;
	height: 1em;
	flex: none;
	transition: transform 0.2s ease;
}

.msp-fl .msp-fl__link:hover .msp-fl__arrow {
	transform: translateX(0.2em);
}

@media (prefers-reduced-motion: reduce) {
	.msp-fl .msp-fl__link,
	.msp-fl .msp-fl__arrow {
		transition: none;
	}
}