chore: replace read more link with ButtonLink component

I also fix the load more button position since I removed the margin
auto.

1 files changed, 5 insertions, 1 deletions

diff --git a/src/components/Buttons/ButtonLink/ButtonLink.tsx b/src/components/Buttons/ButtonLink/ButtonLink.tsx
index 70039a8..a2f75f2 100644
--- a/src/components/Buttons/ButtonLink/ButtonLink.tsx
+++ b/src/components/Buttons/ButtonLink/ButtonLink.tsx
@@ -8,13 +8,17 @@ const ButtonLink = ({
   target,
   position = 'left',
   isExternal = false,
+  hasIcon = false,
 }: {
   children: ReactNode;
   target: string;
   position?: ButtonPosition;
   isExternal?: boolean;
+  hasIcon?: boolean;
 }) => {
-  const classes = `${styles.btn} ${styles.link} ${styles[`link--${position}`]}`;
+  const classes = `${styles.btn} ${styles.link} ${styles[`link--${position}`]}${
+    hasIcon ? ` ${styles['link--icon']}` : ''
+  }`;
 
   return isExternal ? (
     <a className={classes} href={target}>