вернул кастомную кнопку

frontend/src/UIComponents/customButton/CustomButton.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import styles from './customButton.module.scss'
+
+interface ICustomButtonInterface {
+    text: string,
+    handleOnClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void,
+    additionalClassName?: string
+}
+
+const CustomButton: React.FC<ICustomButtonInterface> =
+    ({text, handleOnClick, additionalClassName}: ICustomButtonInterface) => {
+        return (
+            <button className={styles.custom__btn + " " + additionalClassName} onClick={(e) => handleOnClick(e)}>
+                {text}
+            </button>
+        );
+    };
+
+export default CustomButton;

frontend/src/UIComponents/customButton/customButton.module.scss

@@ -0,0 +1,27 @@
+@import "./../UIVariablesStyle.scss";
+
+.custom__btn {
+  width: 170px;
+  height: 48px;
+
+  color: #F9F9F9;
+  font-size: 16px;
+
+  background-color: $bgColor;
+  border: none;
+  border-radius: 20px;
+  transition: linear 0.1s;
+  font-family: Montserrat, sans-serif;
+
+  &:hover {
+    background-color: $bgColorHovered;
+  }
+
+  &:active {
+    background-color: $bgColorActive;
+  }
+
+  &:disabled {
+    background-color: $bgColorDisabled;
+  }
+}