update

components/ui/button/index.vue

@@ -37,7 +37,7 @@
 import type { ButtonHTMLAttributes } from 'vue'
 
 export interface Props {
-  type?: 'primary' | 'secondary'
+  type?: 'primary' | 'secondary' | 'promo'
   nativeType?: ButtonHTMLAttributes['type']
   disabled?: boolean
 }

components/ui/button/styles.scss

@@ -1,4 +1,4 @@
-@use "sass:list";
+@use 'sass:list';
 @use '../../../styles/mixins' as *;
 @use '../../../styles/variables' as *;
 
@@ -24,6 +24,15 @@ $button-variants: [
       'hover-background': $color-gray-400,
       'active-background': $color-gray-500,
     )
+  ],
+  [
+    'promo',
+    (
+      'color': $color-black,
+      'background': $color-lemon-500,
+      'hover-background': $color-lemon-400,
+      'active-background': $color-lemon-500,
+    )
   ]
 ];