.wx-linebtn {
	position: relative;
}

.wx-poster__side.wx-linebtn {
	position: absolute;
	border-bottom: 0;
}

.wx-linebtn::before,
.wx-linebtn::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: currentColor;
	pointer-events: none;
}

.wx-linebtn::before {
	transform: scaleX(1);
	transform-origin: right center;
	transition: transform 0.35s cubic-bezier(0.23, 0.65, 0.74, 1.09);
}

.wx-linebtn::after {
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.45s cubic-bezier(0.23, 0.65, 0.74, 1.09);
}

.wx-blockhead a.wx-linebtn,
.wx-faqhead a.wx-linebtn {
	display: inline-flex;
	padding-bottom: 0.2rem;
}

@media (hover: hover) {
	.wx-linebtn:hover::before,
	.wx-linebtn:focus-visible::before {
		transform: scaleX(0);
	}

	.wx-linebtn:hover::after,
	.wx-linebtn:focus-visible::after {
		transform: scaleX(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.wx-linebtn::before,
	.wx-linebtn::after {
		transition: none;
	}

	.wx-linebtn::after {
		display: none;
	}

	.wx-linebtn::before {
		transform: none;
	}
}