.anim-nav-container {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

.anim-nav-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	color: var(--text-default, #333);
	cursor: pointer;
}

.anim-nav-text {
	position: relative;
    display: inline-block;
    padding-right: 0.1em; /* Prevent clipping */
}

.anim-nav-text::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	color: var(--text-hover, #0073e6); /* Added default */
	white-space: nowrap;
	overflow: hidden;
	width: 0;
	transition: width var(--fill-speed, 0.4s) ease-in-out; /* Changed from max-width to width */
}

.anim-nav-link:hover .anim-nav-text::before {
	width: 100%;
}