Untitled
& a.is-style-cta { display: inline-block; /* Ensures the underline spans multiple lines */ text-decoration: underline; text-decoration-skip-ink: none; /* Prevents skipping the underline on line breaks */ position: relative; transition: color 0.3s ease; /* Preserves the original hover effect on color */ /* Animation for underline on hover */ &::after { content: ''; position: absolute; width: 100%; height: 2px; background-color: currentColor; bottom: -2px; left: 0; transform: scaleX(0); transform-origin: right; transition: transform 0.3s ease; } &:hover::after { transform: scaleX(1); transform-origin: left; } }
Leave a Comment