From 03796fcbb24306b5a46d954165e79466a9e5014a Mon Sep 17 00:00:00 2001
From: Nathan Vasse <nathan.vasse@gmail.com>
Date: Mon, 20 Jan 2025 17:59:40 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(front)=20add=20button=20white=20varia?=
 =?UTF-8?q?nt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This variant is gonna be used on overlay over a video element.
---
 src/frontend/src/primitives/buttonRecipe.ts | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/frontend/src/primitives/buttonRecipe.ts b/src/frontend/src/primitives/buttonRecipe.ts
index 7f294980..1e82b7a4 100644
--- a/src/frontend/src/primitives/buttonRecipe.ts
+++ b/src/frontend/src/primitives/buttonRecipe.ts
@@ -73,6 +73,19 @@ export const buttonRecipe = cva({
           color: 'greyscale.400',
         },
       },
+      whiteCircle: {
+        color: 'white',
+        border: '1px white solid',
+        width: '56px',
+        height: '56px',
+        borderRadius: '100%',
+        '&[data-hovered]': {
+          backgroundColor: 'greyscale.100/20',
+        },
+        '&[data-pressed]': {
+          backgroundColor: 'greyscale.100/50',
+        },
+      },
       tertiary: {
         backgroundColor: 'primary.100',
         color: 'primary.800',