/* Shared section CTA underline swoosh — scroller / essentials / rlb / stories. */

.wl-scroller__more,
.wl-ess__link,
.wl-rlb__link,
.wl-stories__more {
	position: relative;
	color: var(--wl-ink);
	text-decoration: none;
	transition: color 0.3s ease;
}

.wl-scroller__more::after,
.wl-ess__link::after,
.wl-rlb__link::after,
.wl-stories__more::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: currentColor;
	transform: scaleX(1);
	transform-origin: left center;
}

.wl-scroller__more:hover,
.wl-ess__link:hover,
.wl-rlb__link:hover,
.wl-stories__more:hover {
	color: var(--wl-rose);
}

.wl-scroller__more:hover::after,
.wl-ess__link:hover::after,
.wl-rlb__link:hover::after,
.wl-stories__more:hover::after {
	background: var(--wl-rose);
	animation: wl-link-swoosh 0.45s ease forwards;
}

@keyframes wl-link-swoosh {
	from {
		transform: scaleX(0);
	}
	to {
		transform: scaleX(1);
	}
}