/**
 * QRIX Link-Hover
 *
 * 1. Textlinks in Text-Editor-Widgets: Unterstreichung wächst von links.
 * 2. Pfeil am Ende von „Alle … →“-Links und -Buttons (Klasse .qrix-arrow,
 *    vom Plugin gesetzt) rutscht 6 px nach rechts.
 * Übergänge nur ohne „weniger Bewegung“. Die Farbe folgt der Linkfarbe.
 */

.elementor-widget-text-editor a:not(.elementor-button) {
	background: linear-gradient(currentColor, currentColor) no-repeat left bottom / 0 2px;
	padding-bottom: 2px;
}

.elementor-widget-text-editor a:not(.elementor-button):hover,
.elementor-widget-text-editor a:not(.elementor-button):focus-visible {
	background-size: 100% 2px;
}

.qrix-arrow {
	display: inline-block;
}

a:hover > .qrix-arrow,
a:focus-visible > .qrix-arrow,
a:hover .qrix-arrow,
a:focus-visible .qrix-arrow {
	transform: translateX(6px);
}

@media (prefers-reduced-motion: no-preference) {

	.elementor-widget-text-editor a:not(.elementor-button) {
		transition: background-size 0.3s ease;
	}

	.qrix-arrow {
		transition: transform 0.3s ease;
	}
}