ok

src/components/Button.jsx

@@ -29,6 +29,12 @@ const variantStyles = {
     white:
       'ring-slate-700 text-white hover:ring-slate-300 active:ring-slate-200 active:text-slate-100 focus-visible:outline-white',
   },
+  link: {
+    slate:
+      'text-slate-900 hover:text-slate-700 focus-visible:outline-gold-600 border-b border-slate-900 hover:border-slate-700',
+    white:
+      'text-white hover:text-slate-300 focus-visible:outline-white border-b border-white hover:border-slate-300',
+  },
 }
 
 export function Button({ className, ...props }) {
@@ -43,7 +49,9 @@ export function Button({ className, ...props }) {
         ? variantStyles.solid[props.color]
         : props.variant === 'solidNoRounded'
           ? variantStyles.solidNoRounded[props.color]
-          : undefined,
+          : props.variant === 'link'
+            ? variantStyles.link[props.color]
+            : undefined,
     className,
   )