From b1cd52f27df44a485a1145d263f8e54bf04344ed Mon Sep 17 00:00:00 2001
From: Chris <85180749+credelinghuys@users.noreply.github.com>
Date: Thu, 26 Jun 2025 11:04:00 -0400
Subject: [PATCH] Merge pull request #2606 from Safelite/feature/CASH-955

Feature/CASH-955
---
 .../afterpay-breakout/afterpay-breakout.vue               | 8 ++++++++
 src/styles/ux-variables.scss                              | 1 +
 2 files changed, 9 insertions(+)

diff --git a/src/layouts/payment-method/afterpay-breakout/afterpay-breakout.vue b/src/layouts/payment-method/afterpay-breakout/afterpay-breakout.vue
index 9e98eb9c3..68d9baf2f 100644
--- a/src/layouts/payment-method/afterpay-breakout/afterpay-breakout.vue
+++ b/src/layouts/payment-method/afterpay-breakout/afterpay-breakout.vue
@@ -82,6 +82,8 @@
                             <span>Amount Due</span>
                         </div>
                     </div>
+
+                    <p>6 or 12 monthly payment plans available</p>
                 </div>
             </div>
         </div>
@@ -208,6 +210,12 @@ export default {
             overflow: hidden;
             opacity: 0;
             visibility: hidden;
+
+            > p {
+                padding-top: 1rem;
+                font-size: $font-size-12;
+                margin: 0;
+            }
         }
     }
     .payment-section {
diff --git a/src/styles/ux-variables.scss b/src/styles/ux-variables.scss
index bbbbed1eb..36acd1d9e 100644
--- a/src/styles/ux-variables.scss
+++ b/src/styles/ux-variables.scss
@@ -130,6 +130,7 @@ $font-family-base: $font-family-sans-serif;
 $font-family-code: $font-family-monospace;
 $font-size-base: 1rem; // Assumes the browser default, typically `16px`
 
+$font-size-12: $font-size-base * 0.75; // 12px
 $font-size-20: $font-size-base * 1.25; // 20px
 
 //Custom Font size (extra small)