Handle website delete. Added response helper functions.

components/interface/Button.js

@@ -7,6 +7,7 @@ export default function Button({
   type = 'button',
   icon,
   size,
+  variant,
   children,
   className,
   onClick = () => {},
@@ -17,6 +18,8 @@ export default function Button({
       className={classNames(styles.button, className, {
         [styles.small]: size === 'S',
         [styles.large]: size === 'L',
+        [styles.action]: variant === 'action',
+        [styles.danger]: variant === 'danger',
       })}
       onClick={onClick}
     >

components/interface/Button.module.css

@@ -26,3 +26,21 @@
 .large {
   font-size: var(--font-size-large);
 }
+
+.action {
+  color: var(--gray50) !important;
+  background: var(--gray900) !important;
+}
+
+.action:hover {
+  background: var(--gray800) !important;
+}
+
+.danger {
+  color: var(--gray50) !important;
+  background: var(--red500) !important;
+}
+
+.danger:hover {
+  background: var(--red400) !important;
+}