Button underline transition on hover

Shopify Discussion
2

HEllo @emilyaugstudios

Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> main.css
search this code.

.section-footer a:hover {
text-decoration: underline;
text-underline-offset: 2px;
text-decoration-color: rgb(var(--link-color));
text-decoration-thickness: 1px;
}

and replace with this code.

.section-footer a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-color: #c90013 !important;
    text-decoration-thickness: 1px;
}

result

3.png
3.png249×285 2.02 KB

If this was helpful, hit the like button and accept the solution.
Thanks