- update button styles for Recipes

Author: jasonbahl

src/components/Preview/RecipePreview.js

@@ -28,7 +28,7 @@ export default function RecipePreview({ recipe }) {
 
       <div className="text-base font-medium leading-6">
         <Link href={recipe.uri}>
-          <a className="group inline-flex items-center h-9 rounded-full text-sm font-semibold whitespace-nowrap px-5 py-2 focus:outline-none focus:ring-2 bg-slate-100 text-slate-700 hover:bg-slate-200 hover:text-slate-900 focus:ring-slate-500 dark:bg-slate-700 dark:text-slate-100 dark:hover:bg-slate-600 dark:hover:text-white dark:focus:ring-slate-500">
+          <a className="btn-primary-sm">
             <span className="pr-2">View Recipe →</span>
           </a>
         </Link>