From ef47af4561804abec4f74fe5c301cc401659a6c3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Fri, 26 Jun 2026 14:52:52 +0200
Subject: [PATCH] Add CTA button segment to public box

---
 patterns/public-page-patterns.html          | 5 +++++
 styles/45-patterns-public-page-patterns.css | 8 ++++++++
 2 files changed, 13 insertions(+)

diff --git a/patterns/public-page-patterns.html b/patterns/public-page-patterns.html
index d97d464..95a910a 100644
--- a/patterns/public-page-patterns.html
+++ b/patterns/public-page-patterns.html
@@ -206,6 +206,11 @@
                 <li>Lorem ipsum dolor sit amet, cupidatat non proident, sunt in culpa qui officia deserunt mollit.</li>
               </ul>
             </div>
+            <div class="sg-card-segment sg-card-segment--body sg-public-page-pattern-call-to-action-box__action" data-component-part="card-action">
+              <button class="sg-interaction-element sg-button sg-button--cta" type="button" data-component="button" data-component-variant="cta">
+                Call-to-action-Button
+              </button>
+            </div>
           </article>
         </div>
       </div>
diff --git a/styles/45-patterns-public-page-patterns.css b/styles/45-patterns-public-page-patterns.css
index 1418da5..c14b45e 100644
--- a/styles/45-patterns-public-page-patterns.css
+++ b/styles/45-patterns-public-page-patterns.css
@@ -14,6 +14,14 @@
   margin-inline: auto;
 }
 
+.sg-public-page-pattern-call-to-action-box__action {
+  display: flex;
+}
+
+.sg-public-page-pattern-call-to-action-box__action .sg-button--cta {
+  width: 100%;
+}
+
 .sg-public-page-pattern-text-and-picture-right {
   --layout-public-page-pattern-text-picture-columns: repeat(2, minmax(0, 1fr));
   --layout-public-page-pattern-text-picture-gap: var(--spacing-large);