.hlp-highlight {
    background-image: linear-gradient(var(--hlp-inline-bg, var(--hlp-bg)), var(--hlp-inline-bg, var(--hlp-bg)));
    background-size: 0% 100%;
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size var(--hlp-duration) cubic-bezier(0.2, 0.8, 0.2, 1);
    /* color: var(--hlp-text); */
    padding: 0 0.04em;
}

.hlp-highlight.hlp-animate {
    background-size: 100% 100%;
}

@media (prefers-reduced-motion: reduce) {
    .hlp-highlight {
        transition: none;
    }
}