Footer: Remove hover effect on footer links

Option 1 - Code to remove hover underline and cursor change on all footer links:

/* -- code to remove footer hover effect -- */
.site-footer a:hover {
  text-decoration:none;
  cursor:default;
  color: rgba($colorFooterText, 1);
}
/* - end - */

Option 2 - Remove only underline effect on all footer links:

/* -- code to remove footer hover underline effect -- */
.site-footer a:hover {text-decoration:none; }
/* - end - */

Option 3 - Code to remove hover effect on copyright link only:

/* -- code to remove footer hover effect on copyright link -- */
ul.footer-secondary li:first-of-type a{
    text-decoration: none;
    cursor: default;
    color: rgba($colorFooterText, 1);
}
/* - end - */

Where do I add the code?

Use this link to learn where exactly to add this code snippet:

Where to add your CSS style code