<IFrame /> component

components/OctocatLink/OctocatLink.module.css

@@ -0,0 +1,11 @@
+.link {
+  margin: 0 0.4em;
+  color: var(--text);
+  background: none !important;
+  padding-bottom: 0;
+  transition: none;
+}
+
+.link:hover {
+  color: var(--link);
+}

components/OctocatLink/OctocatLink.tsx

@@ -1,17 +1,13 @@
 import { OctocatOcticon } from "../Icons";
 
+import styles from "./OctocatLink.module.css";
+
 type Props = {
   repo: string;
 };
 
 const OctocatLink = (props: Props) => (
-  <a
-    className="no-underline"
-    href={`https://github.com/${props.repo}`}
-    target="_blank"
-    rel="noopener noreferrer"
-    style={{ margin: "0 0.4em", color: "var(--text)" }}
-  >
+  <a className={styles.link} href={`https://github.com/${props.repo}`} target="_blank" rel="noopener noreferrer">
     <OctocatOcticon fill="currentColor" />
   </a>
 );