Button css file rename

src/ui/Button/button.module.css

@@ -0,0 +1,56 @@
+.button {
+    display: inline-flex;
+    align-items: center;
+
+    font-size: var(--font-size-default);
+
+    text-align: center;
+
+    border-radius: 100px;
+    border: 1px solid var(--color-shadow);
+
+    color: var(--color-text);
+    background-color: var(--color-back);
+
+    transition: box-shadow 150ms;
+
+    outline: none;
+    cursor: pointer;
+}
+
+.button:hover {
+    margin: 1px;
+    /* margin-left: 1px;
+    margin-right: 1px; */
+
+    border: none;
+    box-shadow: var(--shadow-active);
+}
+
+/* MODIFICATORS */
+
+.disabled {
+    pointer-events: none;
+    color: var(--color-text-second);
+}
+
+/* SIZE */
+
+.sizeDefault {
+    padding: var(--size-s) var(--size-m);
+}
+
+.sizeSmall {
+    padding: var(--size-xs) var(--size-s);
+    font-size: var(--font-size-second);
+}
+
+/* THEME */
+
+.themeGhost {
+    border-color: rgba(0, 0, 0, 0);
+}
+
+.themeIcon {
+    padding: var(--size-xs) var(--size-xs);
+}