allow footer to stack vertically

src/iss-components/site-footer/site-footer.vue

@@ -3,7 +3,13 @@
         <footer
             id="infoBox"
             class="footer container-fluid g-5 my-5 px-0">
-            <div class="row d-flex flex-row-reverse align-items-center vw-100 mx-0">
+            <div
+                class="row d-flex vw-100 mx-0"
+                :class="[
+                    isStackedVertically
+                        ? 'flex-column align-items-stretch'
+                        : 'flex-row-reverse align-items-center'
+                ]">
                 <div
                     id="stacked"
                     class="col button-col d-flex px-0">
@@ -61,7 +67,8 @@ export default {
         isForwardActionDisabled: Boolean,
         isBackButtonHidden: { type: Boolean, default: false },
         isForwardButtonHidden: { type: Boolean, default: false },
-        cmsWidgetName: String
+        cmsWidgetName: String,
+        isStackedVertically: { type: Boolean, default: false }
     },
     emits: ['backClicked', 'forwardClicked'],
     data() {
@@ -161,6 +168,17 @@ export default {
     & > .container-fluid {
         overflow-x: visible; // needed to fix hidden footer on some iphones
     }
+    div.flex-column {
+        .btn-primary {
+            width: 100%;
+            justify-content: center;
+        }
+        div.link-col {
+            display: flex;
+            justify-content: center;
+            margin-top: 1.25rem;
+        }
+    }
 }
 .footerImage
 {