/* Hover_line. */

[class*=__hover_line] {
	--line_l: 0px;
	--line_r: 0px;

	display: inline-block;
	position: relative;

	cursor: pointer;
	line-height: 1.4;
	outline: 0 none !important;
	white-space: nowrap;

	transition: color .43s;
}

[class*=__hover_line]:after {
	content: '';
	position: absolute;
	left: var(--line_l);
	right: 100%;
	bottom: 0;

	border-bottom: 1px solid var(--color);

	transition: right .23s ease-out;
}

[class*=__hover_line]:hover:after,
.__hover_line-active:after {
	right: var(--line_r);
}

.__hover_line-active:hover:after {
	right: 100%;
}

/* Hover_line. */