Untitled

a.is-style-cta {
    display: inline-block; /* Ensure it's block for better control */
    position: relative;    /* Necessary for ::after positioning */
    text-decoration: none; /* Remove the default underline */
    text-underline-offset: 5px; /* Optional offset */
    box-shadow: inset 0 -2px 0 0 var(--c-link); /* Simulate underline using box-shadow */
}

a.is-style-cta::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--c-link); /* Match the box-shadow color */
    transition: width 0.6s ease; /* Smooth animation for the hover effect */
}

a.is-style-cta:hover::after {
    width: 100%; /* Animate the width on hover */
}