diff --git a/components/card.vue b/components/card.vue
index 4a9abd7..c79db5b 100644
--- a/components/card.vue
+++ b/components/card.vue
@@ -13,7 +13,7 @@
       <p class="mb-8 block font-sans text-base font-normal leading-relaxed text-gray-700 antialiased">
         {{ description }}
       </p>
-      <a v-if="actionUrl" class="inline-block" href="actionUrl">
+      <a v-if="actionUrl" class="inline-block" :href="actionUrl">
         <button class="flex select-none items-center gap-2 rounded-lg py-3 px-6 text-center align-middle font-sans text-xs font-bold uppercase text-pink-500 transition-all hover:bg-pink-500/10 active:bg-pink-500/30 disabled:pointer-events-none disabled:opacity-50 disabled:shadow-none" type="button">
           Learn More
           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true" class="h-4 w-4">