diff --git a/main/_front/src/html/btn.html b/main/_front/src/html/btn.html
new file mode 100644
index 0000000..1abde63
--- /dev/null
+++ b/main/_front/src/html/btn.html
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/main/_front/src/scss/_base.scss b/main/_front/src/scss/_base.scss
index 3c2939a..ed34690 100644
--- a/main/_front/src/scss/_base.scss
+++ b/main/_front/src/scss/_base.scss
@@ -1,3 +1,8 @@
+body {
+ font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+ font-size: 16px;
+}
+
.container {
width: 100%;
max-width: 1170px;
diff --git a/main/_front/src/scss/blocks/_section.scss b/main/_front/src/scss/blocks/_section.scss
index e69de29..92a6d44 100644
--- a/main/_front/src/scss/blocks/_section.scss
+++ b/main/_front/src/scss/blocks/_section.scss
@@ -0,0 +1,5 @@
+// Это блок для обертки UI элементов, которые мы будем делать
+
+.section {
+ margin-top: 30px;
+}
\ No newline at end of file
diff --git a/main/_front/src/scss/elems/_btn.scss b/main/_front/src/scss/elems/_btn.scss
index e69de29..537334a 100644
--- a/main/_front/src/scss/elems/_btn.scss
+++ b/main/_front/src/scss/elems/_btn.scss
@@ -0,0 +1,27 @@
+@import "../vars";
+
+.btn {
+ display: inline-block;
+ background: $primary;
+ font-size: 18px;
+ line-height: 21px;
+ color: white;
+ font-weight: bold;
+ text-decoration: none;
+ border-radius: 8px;
+ min-width: 190px;
+ border: 1px solid $primary;
+ padding: 12px;
+ transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
+ &:hover {
+ background-color:#fff;
+ color: $primary;
+ }
+
+ &:disabled {
+ background: $primary;
+ color: white;
+ opacity: 0.4;
+ cursor: not-allowed;
+ }
+}
\ No newline at end of file