ui(resources): style the TPH link

src/components/ResourcesLink/index.tsx

@@ -0,0 +1,11 @@
+import React, { PropsWithChildren } from "react"
+import * as SC from "./styles"
+
+export function ResourcesLink({
+  children,
+  to,
+}: PropsWithChildren<{
+  to: string
+}>) {
+  return <SC.ResourcesLinkWrapper to={to}>{children}</SC.ResourcesLinkWrapper>
+}

src/components/ResourcesLink/styles.tsx

@@ -0,0 +1,16 @@
+import { Link } from "gatsby"
+import styled from "styled-components"
+
+export const ResourcesLinkWrapper = styled(Link)`
+  color: #0090d8;
+  font-weight: 700;
+  border-bottom: 2px solid;
+  text-decoration: none;
+  transition: color 0.3s;
+
+  &:hover,
+  &:focus {
+    color: #5dbbea;
+    transition: none;
+  }
+`