diff --git a/web/themes/custom/votegov/src/sass/components/_index.scss b/web/themes/custom/votegov/src/sass/components/_index.scss
index 7af9b12c1..c8d1b2f1a 100644
--- a/web/themes/custom/votegov/src/sass/components/_index.scss
+++ b/web/themes/custom/votegov/src/sass/components/_index.scss
@@ -25,3 +25,4 @@
 @forward "a11y-toolbar";
 @forward "double-deck-card";
 @forward "to-top";
+@forward "info-card"
diff --git a/web/themes/custom/votegov/src/sass/components/info-card.scss b/web/themes/custom/votegov/src/sass/components/info-card.scss
new file mode 100644
index 000000000..7d5ac5adf
--- /dev/null
+++ b/web/themes/custom/votegov/src/sass/components/info-card.scss
@@ -0,0 +1,21 @@
+@use "uswds-core" as *;
+@use "mixins" as *;
+@use "variables" as *;
+
+.vote-info-card {
+  @include u-border(1px, 'gray-cool-20', 'solid');
+  @include u-radius('lg');
+  @include u-padding(4);
+
+  .vote-info-card + & {
+    @include u-margin-top(4);
+
+    @include at-media('tablet') {
+      @include u-margin-top(6);
+    }
+  }
+
+  > * + * {
+    @include u-margin-top(3);
+  }
+}
diff --git a/web/themes/custom/votegov/templates/component/info-card.html.twig b/web/themes/custom/votegov/templates/component/info-card.html.twig
new file mode 100644
index 000000000..9145f9216
--- /dev/null
+++ b/web/themes/custom/votegov/templates/component/info-card.html.twig
@@ -0,0 +1,23 @@
+<div class="vote-info-card">
+  <h2 class="vote-info-card__header">
+    {{ heading }}
+  </h2>
+  {% if body %}
+    <div class="vote-info-card__body">
+      {{ body }}
+    </div>
+  {% endif %}
+  {% if link %}
+    <div class="vote-info-card__button">
+      {% include '@votegov/component/button.html.twig' with {
+        'href': link.url,
+        'label': link.title
+      } %}
+    </div>
+  {% endif %}
+  {% if footer %}
+    <div class="vote-info-card__footer">
+      {{ footer }}
+    </div>
+  {% endif %}
+</div>