stop being lazy with css selectors

components/PageTitle/PageTitle.module.css

@@ -5,7 +5,7 @@
   text-align: center;
 }
 
-.title a {
+.link {
   color: inherit;
 }
 

components/PageTitle/PageTitle.tsx

@@ -17,7 +17,7 @@ const PageTitle = ({ className, ...rest }: Props) => {
   return (
     <h1 className={classNames(styles.title, className)}>
       <Link href={canonical}>
-        <a {...rest} />
+        <a className={styles.link} {...rest} />
       </Link>
     </h1>
   );