From cedd1d76aa7716c52d4ab63f7615da8be80bacbb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Wed, 24 Jun 2026 11:56:47 +0200
Subject: [PATCH] Add CTA small button box right pattern

---
 patterns/public-page-patterns.html | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/patterns/public-page-patterns.html b/patterns/public-page-patterns.html
index 51aaddb..703db63 100644
--- a/patterns/public-page-patterns.html
+++ b/patterns/public-page-patterns.html
@@ -76,6 +76,26 @@
       </div>
     </div>
 
+      <p class="sg-preview-label">pattern: CTA small button box right</p>
+
+      <div class="sg-preview-area">
+        <div class="sg-content-group-box" data-component="content-group-box">
+          <article class="sg-card sg-card--content-card sg-card--content-card-dark sg-card--call-to-action-card sg-call-to-action-card--align-right" data-component="call-to-action-card" aria-label="Call to action Card">
+            <div class="sg-card-segment sg-card-segment--body sg-call-to-action-card__body" data-component-part="card-body">
+              <p class="sg-body sg-call-to-action-card__text">
+                Jetzt passende Inhalte entdecken und direkt mit dem nächsten Schritt starten.
+              </p>
+
+              <div class="sg-call-to-action-card__action">
+                <button class="sg-interaction-element sg-button sg-button--active" type="button" data-component="button" data-component-state="active">
+                  Link-Button aktiv
+                </button>
+              </div>
+            </div>
+          </article>
+        </div>
+      </div>
+
     <p class="sg-preview-label">pattern: picture full width</p>
 
     <div class="sg-preview-area">