diff --git a/styles/generic.scss b/styles/generic.scss
index 219a6be..4d6295a 100644
--- a/styles/generic.scss
+++ b/styles/generic.scss
@@ -63,42 +63,5 @@
 			font-family: $body-font;
 			word-break: break-all;
 		}
-
-		button {
-			border-radius: 4px;
-
-			&.primary {
-				background: $colour-primary;
-				color: $text-on-primary;
-				padding: 4px 8px;
-				&:hover {
-					background: $colour-primary-d20;
-					color: $text-on-primary-d20;
-				}
-			}
-
-			&.danger {
-				background: $colour-danger;
-				color: $text-on-danger;
-				padding: 4px 8px;
-				&:hover {
-					background: $colour-danger-d20;
-					color: $text-on-danger-d20;
-				}
-			}
-
-			&.reduced-padding {
-				padding: 2px 4px;
-			}
-
-
-			&.equal-padding {
-				padding: 4px 4px;
-				&.reduced-padding {
-					padding: 2px 2px;
-				}
-			}
-
-		}
 	}
 }
\ No newline at end of file
diff --git a/styles/global/buttons.scss b/styles/global/buttons.scss
new file mode 100644
index 0000000..c05f40d
--- /dev/null
+++ b/styles/global/buttons.scss
@@ -0,0 +1,56 @@
+@use "../vars.scss" as *;
+
+.dotdungeon.dotdungeon.dotdungeon.dotdungeon > .window-content {
+	button {
+		border-radius: 4px;
+		box-sizing: border-box;
+		border-style: solid;
+		border-color: transparent;
+		border-width: 2px;
+		border-radius: 4px;
+		transition: 400ms;
+		padding: 4px 8px;
+
+		&.confirm {
+			background: $colour-confirm;
+			color: $text-on-confirm;
+			&:hover, &:focus {
+				background: transparent;
+				color: $colour-confirm;
+				border-color: $colour-confirm;
+			}
+		}
+
+		&.neutral {
+			background: $colour-neutral;
+			color: $text-on-neutral;
+			&:hover, &:focus {
+				background: transparent;
+				color: $colour-neutral;
+				border-color: $colour-neutral;
+			}
+		}
+
+		&.danger {
+			background: $colour-danger;
+			color: $text-on-danger;
+			&:hover, &:focus {
+				background: transparent;
+				color: $colour-danger;
+				border-color: $colour-danger;
+			}
+		}
+
+		&.reduced-padding {
+			padding: 2px 4px;
+		}
+
+
+		&.equal-padding {
+			padding: 4px 4px;
+			&.reduced-padding {
+				padding: 2px 2px;
+			}
+		}
+	}
+}
\ No newline at end of file
diff --git a/styles/root.scss b/styles/root.scss
index 50c6fa9..fe8cfa2 100644
--- a/styles/root.scss
+++ b/styles/root.scss
@@ -5,6 +5,8 @@
 @use "./generic.scss";
 @use "./icons.scss";
 
+@use "./global/buttons.scss";
+
 @use "./sheets/partials/stat.scss";
 @use "./sheets/partials/skill.scss";
 @use "./sheets/partials/panel.scss";