diff --git a/.eslintignore b/.eslintignore
index b20d435..c96173f 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -1 +1,2 @@
 *.svelte
+*.scss
diff --git a/src/frontend/common.scss b/src/frontend/common.scss
new file mode 100644
index 0000000..dfacd70
--- /dev/null
+++ b/src/frontend/common.scss
@@ -0,0 +1,18 @@
+@mixin button {
+	cursor: pointer;
+	color: var(--text-color-3);
+}
+
+@mixin button_green {
+	background-color: var(--green-1);
+	&:hover {
+		background-color: var(--green-2);
+	}
+}
+
+@mixin button_red {
+	background-color: var(--red-1);
+	&:hover {
+		background-color: var(--red-2);
+	}
+}