diff --git a/src/lib/components/ui/Button.svelte b/src/lib/components/ui/Button.svelte
index 0b7599f3..6b4d9ae1 100644
--- a/src/lib/components/ui/Button.svelte
+++ b/src/lib/components/ui/Button.svelte
@@ -15,6 +15,7 @@
 			| 'element-ghost'
 			| 'text'
 			| 'destructive'
+			| 'destructive-ghost'
 			| 'notice'
 			| 'subtle'
 			| undefined
@@ -312,6 +313,15 @@
 		}
 	}
 
+	:global([data-button-root].destructive-ghost) {
+		background: transparent;
+		color: $error;
+
+		&:hover:not(:disabled) {
+			background: $error--bg--light;
+		}
+	}
+
 	:global([data-button-root].notice) {
 		background-color: var(--notice-button-bg);
 		color: var(--notice-button-text);