feat: adjust select rate ui to latest design

components/TempDesignSystem/Button/button.module.css

@@ -55,10 +55,12 @@ a.text {
   border: none;
   outline: none;
 }
+
 /* TODO: The variants for combinations of size/text/wrapping should be looked at and iterated on */
 .text:not(.wrapping) {
   padding: 0 !important;
 }
+
 /* VARIANTS */
 .default,
 a.default {
@@ -827,3 +829,15 @@ a.default {
 .icon.tertiaryLightSecondary:disabled svg * {
   fill: var(--Tertiary-Light-Button-Secondary-On-Fill-Disabled);
 }
+
+button.btn.clean {
+  background: none;
+  background-color: unset;
+  border: none;
+  border-color: unset;
+  border-radius: unset;
+  color: unset;
+  gap: unset;
+  margin: 0;
+  padding: 0;
+}

components/TempDesignSystem/Button/index.tsx

@@ -10,6 +10,7 @@ import type { ButtonProps } from "./button"
 export default function Button(props: ButtonProps) {
   const {
     className,
+    clean,
     intent,
     size,
     theme,
@@ -21,6 +22,7 @@ export default function Button(props: ButtonProps) {
 
   const classNames = buttonVariants({
     className,
+    clean,
     intent,
     size,
     theme,

components/TempDesignSystem/Button/variants.ts

@@ -28,12 +28,16 @@ export const buttonVariants = cva(styles.btn, {
       tertiaryDark: "",
     },
     variant: {
+      clean: styles.clean,
       default: styles.default,
       icon: styles.icon,
     },
     wrapping: {
       true: styles.wrapping,
     },
+    clean: {
+      true: styles.clean,
+    },
     fullWidth: {
       true: styles.fullWidth,
     },