From d0ce6f16f2d8f090e26047068a3678d5ee80e197 Mon Sep 17 00:00:00 2001
From: adilallo <39313955+adilallo@users.noreply.github.com>
Date: Wed, 27 Aug 2025 10:55:58 -0600
Subject: [PATCH] Ask Organizer xl breakpoint

---
 app/components/AskOrganizer.js  | 7 ++++++-
 app/components/ContentLockup.js | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/components/AskOrganizer.js b/app/components/AskOrganizer.js
index 0660f66..000c217 100644
--- a/app/components/AskOrganizer.js
+++ b/app/components/AskOrganizer.js
@@ -30,7 +30,12 @@ const AskOrganizer = ({
 
         {/* Button */}
         <div className="flex justify-center">
-          <Button href={buttonHref} size="large" variant="default">
+          <Button
+            href={buttonHref}
+            size="large"
+            variant="default"
+            className="xl:!px-[var(--spacing-scale-020)] xl:!py-[var(--spacing-scale-012)] xl:!text-[24px] xl:!leading-[28px]"
+          >
             {buttonText}
           </Button>
         </div>
diff --git a/app/components/ContentLockup.js b/app/components/ContentLockup.js
index be061e2..fc9ed41 100644
--- a/app/components/ContentLockup.js
+++ b/app/components/ContentLockup.js
@@ -53,7 +53,7 @@ const ContentLockup = ({
       titleContainer:
         "flex gap-[var(--spacing-scale-008)] items-center justify-center",
       title:
-        "font-bricolage-grotesque font-medium text-[36px] leading-[110%] tracking-[0] md:text-[44px] md:leading-[110%] text-[var(--color-content-default-brand-primary)] text-center",
+        "font-bricolage-grotesque font-medium text-[36px] leading-[110%] tracking-[0] md:text-[44px] md:leading-[110%] xl:text-[52px] xl:leading-[110%] text-[var(--color-content-default-brand-primary)] text-center",
       subtitle:
         "font-inter font-normal text-[18px] leading-[130%] tracking-[0] md:text-[24px] md:leading-[32px] text-[var(--color-content-default-primary)] text-center",
       shape: