underline animation on footer links

Hey there! Sure it is possible! Please follow these steps:

1. Navigate to Pages > Website Tools > Custom CSS.
2. Paste the following code into the CSS editor.

Important Notes:

• Replace #ff5733 with the hex code of the color you want for the underline. You can also use color names, RGB, or HSL values if preferred.

/* Underline with a specific color on hover */
footer.sections .html-block a:hover {
    text-decoration: underline;
    text-decoration-color: #ff5733; /* Replace with your desired color */
}

/* Underline with a specific color on hover for the homepage design layout poster */
body.homepage .design-layout-poster:hover p {
    text-decoration: underline !important;
    text-decoration-color: #ff5733 !important; /* Replace with your desired color */
}

Let me know how it goes! Have a good one!