diff --git a/src/styles/tailwind.css b/src/styles/tailwind.css
new file mode 100644
index 00000000..89028612
--- /dev/null
+++ b/src/styles/tailwind.css
@@ -0,0 +1,19 @@
+@layer utilities {
+  .border-primary-gradient {
+    border: 1px solid transparent;
+    border-radius: 12px;
+    background:
+      linear-gradient(
+        180deg,
+        var(--color-primary) -250%,
+        var(--color-base-100) 100%
+      ),
+      linear-gradient(
+        to bottom,
+        var(--color-primary),
+        color-mix(in srgb, var(--color-primary) 40%, transparent)
+      );
+    background-clip: padding-box, border-box;
+    background-origin: padding-box, border-box;
+  }
+}