Fix link styling via SCSS instead of inline style

Move link underline styling from inline style to the existing
.content_links .copyright div rule in content-perma.scss.
Use color: inherit so the link matches surrounding text on
both dark and white backgrounds.

Signed-off-by: Tim Ren <137012659+xr843@users.noreply.github.com>

Author: xr843

_includes/content_filelinks.html

@@ -9,7 +9,7 @@
         <div class="a-link">{% if is_archive_borrow %}<details class="copyright details-reset"><summary>{% endif %}<a class="btn" {% if include.newtab %}target="_blank"{% endif %} {% include content_link_data_attributes.html content=include.content linktype="Main External URL" linkfmt=linkfmt %} href="{{ include.content.external_url }}"{% for nrh in site.data.content.noreferrerhosts %}{% if include.content.external_url contains nrh %} rel="noreferrer"{% break %}{% endif %}{% endfor %}>{{ linkbody }}</a>{% if is_archive_borrow %}
             <i class="far fa-question-circle"></i>
         </summary><div>
-            Reading this book on Archive.org may require a free account. <a href="https://help.archive.org/help/borrowing-from-the-lending-library/" style="text-decoration: underline">Learn more</a>
+            Reading this book on Archive.org may require a free account. <a href="https://help.archive.org/help/borrowing-from-the-lending-library/">Learn more</a>
         </div></details>{% endif %}</div>
     {% endif %}
     {%- if include.content.drive_links.size > 0 -%}

assets/css/content-perma.scss

@@ -147,6 +147,10 @@ div.content_links {
         padding: 5px;
         border-radius: 3px;
         font-size: 96%;
+        a {
+            text-decoration: underline;
+            color: inherit;
+        }
     }
 }
 
@@ -162,6 +166,4 @@ div.similar_content_footer {
             padding-bottom: 8px;
         }
     }
-}
-
-
+}