.mmlv .mm-item, .benefits-links li { position: relative; } .mmlv .mm-item::after, .benefits-links li::after { content: ""; position: absolute; bottom: 0; left: 25px; height: 2px; width: 100%;  background: var(--accent); display: block; transform-origin: left center; transform: scaleX(0); will-change: transform; transition-property: transform !important; transition-duration: 180ms !important; transition-timing-function: ease-out !important; } .mmlv .mm-item:hover::after, .benefits-links li:hover::after { transform: scaleX(0.2) !important; } .benefits-links li::after{ left: 10px !important; }