.benefit-text{
    position: relative;
    padding: 0.5rem 1rem;
    transition: color 0.2s ease;
}
.benefit-text.highlighted{
    color: #000;
}
.benefit-highlight{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transform-origin: left;
    transform: scaleX(0);
    z-index: -1;
    transition: transform 0s;
}
[data-theme="light"] .benefit-highlight{
    background: #fff;
}
[data-theme="light"] .benefit-text.highlighted{
    color: #000;
}