Untitled

 avatar
unknown
plain_text
12 days ago
755 B
5
Indexable
& 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