Remove backwards compatibility

app/components/sections/AskOrganizer/AskOrganizer.view.tsx

@@ -45,7 +45,8 @@ function AskOrganizerView({
           <Button
             href={buttonHref}
             size="large"
-            variant={variant === "inverse" ? "filled-inverse" : "filled"}
+            buttonType="filled"
+            palette={variant === "inverse" ? "inverse" : "default"}
             className="xl:!px-[var(--spacing-scale-020)] xl:!py-[var(--spacing-scale-012)] xl:!text-[24px] xl:!leading-[28px]"
             onClick={onContactClick}
             ariaLabel={ariaLabel}

app/components/sections/NumberedCards/NumberedCards.view.tsx

@@ -49,13 +49,13 @@ function NumberedCardsView({
             <div className="text-center sm:text-left lg:text-center">
               {/* Filled button for xsm and sm breakpoints */}
               <div className="block lg:hidden">
-                <Button variant="filled" size="large">
+                <Button buttonType="filled" palette="default" size="large">
                   {t("numberedCards.buttons.createCommunityRule")}
                 </Button>
               </div>
               {/* Outline button for lg and xlg breakpoints */}
               <div className="hidden lg:block">
-                <Button variant="outline" size="large">
+                <Button buttonType="outline" palette="default" size="large">
                   {t("numberedCards.buttons.seeHowItWorks")}
                 </Button>
               </div>

app/components/sections/RuleStack/RuleStack.view.tsx

@@ -157,7 +157,8 @@ export function RuleStackView({
         min-[1024px]:mt-[var(--measures-spacing-1000,40px)]
       ">
         <Button
-          variant="outline"
+          buttonType="outline"
+          palette="default"
           size="large"
         >
           {buttonText}