Move network explainer link after paragraph

- Moved due to in paragraph translation differs from the text beimg translated in a singular context in some locales
- In order to not burden translators the link explainer is moved after paragraph for now

chromium/pages/cancel/style.css

@@ -27,18 +27,17 @@ h1 img {
 }
 
 button {
-  font-size: 12pt;
-  font-family: sans-serif;
-  line-height: 150%;
   background-color: #ec1e1e;
   border: 1px solid #ec1e1e;
   border-radius: 4px;
   color: #fff;
   cursor: pointer;
   padding: 0.5em 1em;
   display: block;
-  float: left;
-  margin: 0 0.25em 0 0;
+  float: none;
+  font-size: 12pt;
+  margin: 8px 0;
+  line-height: 150%;
 }
 
 button:hover {
@@ -53,6 +52,6 @@ button:last-child {
 @media screen and (max-width: 550px) {
   button {
     width: 100%;
-    margin: 0 0 0.25em 0;
+    margin: 8px 0;
   }
 }

chromium/pages/cancel/ux.js

@@ -22,7 +22,7 @@ function replaceLink(explainer) {
   const link = document.createElement("a");
   link.href = "https://en.wikipedia.org/wiki/Downgrade_attack";
   link.innerText = linkText;
-  explainer.innerHTML = explainer.innerHTML.replace(linkText, link.outerHTML);
+  explainer.after(link);
 }
 
 function displayURL() {