:root {
--hl-color: #E1E89E;
}
.hl {
background-image: linear-gradient(var(--hl-color), var(--hl-color));
background-repeat: no-repeat;
background-position: 0 0;
background-size: 0% 100%;
padding: .06em .12em;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
@media (prefers-reduced-motion: reduce) {
.hl { background-size: 100% 100% !important; }
}