CSS Template - update hyperlinks styles (#79)

* apply phs style to hyperlinks using `a` class.

* fix typo calling var(--) for colour in btn border

* consistent spacing and additional notes

inst/text/phs_style.css

@@ -60,9 +60,22 @@ body {
     background-color: var(--white);
   }
 
-/* Style hyperlinks */
-.externallink {color: var(--phs-purple); font-weight: bold;}
-.externallink:hover {color: var(--phs-teal-50);}
+/* Style external links */
+.externallink {
+  color: var(--phs-purple);
+  font-weight: bold;
+}
+.externallink:hover {
+  color: var(--phs-teal-50);
+
+}
+/* Style in-line hyperlinks (e.g., rmarkdowns using [text](link)) */
+a {
+  color: var(--phs-purple);
+  font-weight: bold;}
+a:hover {
+  color: var(--phs-teal-50);
+}
 
 /* Table of Contents */
 .tocify {
@@ -104,7 +117,7 @@ body {
   .btn-default.hover, .btn-default:hover, .btn-default.focus,
   .btn-default:focus {
     background-color: var(--phs-purple-10);
-    border-color: var(phs-purple);
+    border-color: var(--phs-purple);
 }
 
 /* tabset panel update, pills style in phs colours */