From 35a5f92eb273fbce5894dabefac4badd0f04ff79 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Sat, 28 Jan 2023 20:33:56 -0800
Subject: [PATCH] Show destructive button styles on mobile w/o hover

---
 components/Button/index.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/components/Button/index.scss b/components/Button/index.scss
index 5f2a71ff..dd46aa10 100644
--- a/components/Button/index.scss
+++ b/components/Button/index.scss
@@ -108,6 +108,17 @@
     padding: $unit * 1.5;
   }
 
+  @include breakpoint(phone) {
+    &.destructive {
+      background: $error;
+      color: $grey-100;
+
+      .Accessory svg {
+        fill: $grey-100;
+      }
+    }
+  }
+
   &.destructive:hover {
     background: $error;
     color: $grey-100;