diff --git a/src/styles/btn.scss b/src/styles/btn.scss
index 39b42dee..f3f75c16 100644
--- a/src/styles/btn.scss
+++ b/src/styles/btn.scss
@@ -1,11 +1,4 @@
-$blue:#324157;
-$light-blue:#3A71A8;
-$red:#C03639;
-$pink: #E65D6E;
-$green: #30B08F;
-$tiffany: #4AB7BD;
-$yellow:#FEC171;
-$panGreen: #30B08F;
+@import './variables.scss';
 
 @mixin colorBtn($color) {
   background: $color;
diff --git a/src/styles/variables.scss b/src/styles/variables.scss
new file mode 100644
index 00000000..bcfb67ce
--- /dev/null
+++ b/src/styles/variables.scss
@@ -0,0 +1,8 @@
+$blue:#324157;
+$light-blue:#3A71A8;
+$red:#C03639;
+$pink: #E65D6E;
+$green: #30B08F;
+$tiffany: #4AB7BD;
+$yellow:#FEC171;
+$panGreen: #30B08F;