diff --git a/.gitignore b/.gitignore
index eb003b0..e521711 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,6 +2,9 @@
 /public/hot
 /public/storage
 /storage/*.key
+/storage/css
+/storage/js
+/storage/fonts
 /vendor
 .env
 .env.backup
diff --git a/public/css/app.css b/public/css/app.css
index a25ff9b..5070a93 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -17203,133 +17203,133 @@ form.user .btn-user {
 
 @-webkit-keyframes noise-anim {
   0% {
-    clip: rect(79px, 9999px, 53px, 0);
+    clip: rect(6px, 9999px, 54px, 0);
   }
   5% {
-    clip: rect(42px, 9999px, 16px, 0);
+    clip: rect(32px, 9999px, 16px, 0);
   }
   10% {
-    clip: rect(37px, 9999px, 39px, 0);
+    clip: rect(50px, 9999px, 46px, 0);
   }
   15% {
-    clip: rect(53px, 9999px, 98px, 0);
+    clip: rect(19px, 9999px, 42px, 0);
   }
   20% {
-    clip: rect(41px, 9999px, 12px, 0);
+    clip: rect(72px, 9999px, 7px, 0);
   }
   25% {
-    clip: rect(99px, 9999px, 34px, 0);
+    clip: rect(14px, 9999px, 14px, 0);
   }
   30% {
-    clip: rect(38px, 9999px, 19px, 0);
+    clip: rect(82px, 9999px, 16px, 0);
   }
   35% {
-    clip: rect(34px, 9999px, 67px, 0);
+    clip: rect(17px, 9999px, 89px, 0);
   }
   40% {
-    clip: rect(35px, 9999px, 44px, 0);
+    clip: rect(30px, 9999px, 5px, 0);
   }
   45% {
-    clip: rect(50px, 9999px, 58px, 0);
+    clip: rect(44px, 9999px, 27px, 0);
   }
   50% {
-    clip: rect(73px, 9999px, 18px, 0);
+    clip: rect(89px, 9999px, 38px, 0);
   }
   55% {
-    clip: rect(96px, 9999px, 5px, 0);
+    clip: rect(69px, 9999px, 90px, 0);
   }
   60% {
-    clip: rect(21px, 9999px, 61px, 0);
+    clip: rect(82px, 9999px, 52px, 0);
   }
   65% {
-    clip: rect(35px, 9999px, 60px, 0);
+    clip: rect(54px, 9999px, 31px, 0);
   }
   70% {
-    clip: rect(10px, 9999px, 96px, 0);
+    clip: rect(54px, 9999px, 4px, 0);
   }
   75% {
-    clip: rect(77px, 9999px, 47px, 0);
+    clip: rect(100px, 9999px, 49px, 0);
   }
   80% {
-    clip: rect(94px, 9999px, 73px, 0);
+    clip: rect(70px, 9999px, 4px, 0);
   }
   85% {
-    clip: rect(36px, 9999px, 63px, 0);
+    clip: rect(40px, 9999px, 67px, 0);
   }
   90% {
-    clip: rect(77px, 9999px, 49px, 0);
+    clip: rect(93px, 9999px, 98px, 0);
   }
   95% {
-    clip: rect(73px, 9999px, 8px, 0);
+    clip: rect(21px, 9999px, 46px, 0);
   }
   100% {
-    clip: rect(85px, 9999px, 96px, 0);
+    clip: rect(59px, 9999px, 88px, 0);
   }
 }
 
 @keyframes noise-anim {
   0% {
-    clip: rect(79px, 9999px, 53px, 0);
+    clip: rect(6px, 9999px, 54px, 0);
   }
   5% {
-    clip: rect(42px, 9999px, 16px, 0);
+    clip: rect(32px, 9999px, 16px, 0);
   }
   10% {
-    clip: rect(37px, 9999px, 39px, 0);
+    clip: rect(50px, 9999px, 46px, 0);
   }
   15% {
-    clip: rect(53px, 9999px, 98px, 0);
+    clip: rect(19px, 9999px, 42px, 0);
   }
   20% {
-    clip: rect(41px, 9999px, 12px, 0);
+    clip: rect(72px, 9999px, 7px, 0);
   }
   25% {
-    clip: rect(99px, 9999px, 34px, 0);
+    clip: rect(14px, 9999px, 14px, 0);
   }
   30% {
-    clip: rect(38px, 9999px, 19px, 0);
+    clip: rect(82px, 9999px, 16px, 0);
   }
   35% {
-    clip: rect(34px, 9999px, 67px, 0);
+    clip: rect(17px, 9999px, 89px, 0);
   }
   40% {
-    clip: rect(35px, 9999px, 44px, 0);
+    clip: rect(30px, 9999px, 5px, 0);
   }
   45% {
-    clip: rect(50px, 9999px, 58px, 0);
+    clip: rect(44px, 9999px, 27px, 0);
   }
   50% {
-    clip: rect(73px, 9999px, 18px, 0);
+    clip: rect(89px, 9999px, 38px, 0);
   }
   55% {
-    clip: rect(96px, 9999px, 5px, 0);
+    clip: rect(69px, 9999px, 90px, 0);
   }
   60% {
-    clip: rect(21px, 9999px, 61px, 0);
+    clip: rect(82px, 9999px, 52px, 0);
   }
   65% {
-    clip: rect(35px, 9999px, 60px, 0);
+    clip: rect(54px, 9999px, 31px, 0);
   }
   70% {
-    clip: rect(10px, 9999px, 96px, 0);
+    clip: rect(54px, 9999px, 4px, 0);
   }
   75% {
-    clip: rect(77px, 9999px, 47px, 0);
+    clip: rect(100px, 9999px, 49px, 0);
   }
   80% {
-    clip: rect(94px, 9999px, 73px, 0);
+    clip: rect(70px, 9999px, 4px, 0);
   }
   85% {
-    clip: rect(36px, 9999px, 63px, 0);
+    clip: rect(40px, 9999px, 67px, 0);
   }
   90% {
-    clip: rect(77px, 9999px, 49px, 0);
+    clip: rect(93px, 9999px, 98px, 0);
   }
   95% {
-    clip: rect(73px, 9999px, 8px, 0);
+    clip: rect(21px, 9999px, 46px, 0);
   }
   100% {
-    clip: rect(85px, 9999px, 96px, 0);
+    clip: rect(59px, 9999px, 88px, 0);
   }
 }
 .error:after {
@@ -17347,133 +17347,133 @@ form.user .btn-user {
 
 @-webkit-keyframes noise-anim-2 {
   0% {
-    clip: rect(16px, 9999px, 90px, 0);
+    clip: rect(16px, 9999px, 70px, 0);
   }
   5% {
-    clip: rect(94px, 9999px, 66px, 0);
+    clip: rect(82px, 9999px, 79px, 0);
   }
   10% {
-    clip: rect(98px, 9999px, 26px, 0);
+    clip: rect(25px, 9999px, 66px, 0);
   }
   15% {
-    clip: rect(58px, 9999px, 24px, 0);
+    clip: rect(73px, 9999px, 15px, 0);
   }
   20% {
-    clip: rect(33px, 9999px, 8px, 0);
+    clip: rect(16px, 9999px, 96px, 0);
   }
   25% {
-    clip: rect(29px, 9999px, 61px, 0);
+    clip: rect(70px, 9999px, 21px, 0);
   }
   30% {
-    clip: rect(66px, 9999px, 19px, 0);
+    clip: rect(76px, 9999px, 54px, 0);
   }
   35% {
-    clip: rect(24px, 9999px, 44px, 0);
+    clip: rect(48px, 9999px, 9px, 0);
   }
   40% {
-    clip: rect(9px, 9999px, 39px, 0);
+    clip: rect(98px, 9999px, 47px, 0);
   }
   45% {
-    clip: rect(10px, 9999px, 32px, 0);
+    clip: rect(85px, 9999px, 56px, 0);
   }
   50% {
-    clip: rect(9px, 9999px, 31px, 0);
+    clip: rect(82px, 9999px, 50px, 0);
   }
   55% {
-    clip: rect(61px, 9999px, 67px, 0);
+    clip: rect(12px, 9999px, 40px, 0);
   }
   60% {
-    clip: rect(26px, 9999px, 77px, 0);
+    clip: rect(88px, 9999px, 50px, 0);
   }
   65% {
-    clip: rect(52px, 9999px, 35px, 0);
+    clip: rect(45px, 9999px, 88px, 0);
   }
   70% {
-    clip: rect(57px, 9999px, 57px, 0);
+    clip: rect(79px, 9999px, 92px, 0);
   }
   75% {
-    clip: rect(45px, 9999px, 62px, 0);
+    clip: rect(15px, 9999px, 87px, 0);
   }
   80% {
-    clip: rect(73px, 9999px, 77px, 0);
+    clip: rect(14px, 9999px, 80px, 0);
   }
   85% {
-    clip: rect(76px, 9999px, 45px, 0);
+    clip: rect(26px, 9999px, 60px, 0);
   }
   90% {
-    clip: rect(75px, 9999px, 42px, 0);
+    clip: rect(62px, 9999px, 29px, 0);
   }
   95% {
-    clip: rect(83px, 9999px, 27px, 0);
+    clip: rect(22px, 9999px, 28px, 0);
   }
   100% {
-    clip: rect(54px, 9999px, 100px, 0);
+    clip: rect(43px, 9999px, 56px, 0);
   }
 }
 
 @keyframes noise-anim-2 {
   0% {
-    clip: rect(16px, 9999px, 90px, 0);
+    clip: rect(16px, 9999px, 70px, 0);
   }
   5% {
-    clip: rect(94px, 9999px, 66px, 0);
+    clip: rect(82px, 9999px, 79px, 0);
   }
   10% {
-    clip: rect(98px, 9999px, 26px, 0);
+    clip: rect(25px, 9999px, 66px, 0);
   }
   15% {
-    clip: rect(58px, 9999px, 24px, 0);
+    clip: rect(73px, 9999px, 15px, 0);
   }
   20% {
-    clip: rect(33px, 9999px, 8px, 0);
+    clip: rect(16px, 9999px, 96px, 0);
   }
   25% {
-    clip: rect(29px, 9999px, 61px, 0);
+    clip: rect(70px, 9999px, 21px, 0);
   }
   30% {
-    clip: rect(66px, 9999px, 19px, 0);
+    clip: rect(76px, 9999px, 54px, 0);
   }
   35% {
-    clip: rect(24px, 9999px, 44px, 0);
+    clip: rect(48px, 9999px, 9px, 0);
   }
   40% {
-    clip: rect(9px, 9999px, 39px, 0);
+    clip: rect(98px, 9999px, 47px, 0);
   }
   45% {
-    clip: rect(10px, 9999px, 32px, 0);
+    clip: rect(85px, 9999px, 56px, 0);
   }
   50% {
-    clip: rect(9px, 9999px, 31px, 0);
+    clip: rect(82px, 9999px, 50px, 0);
   }
   55% {
-    clip: rect(61px, 9999px, 67px, 0);
+    clip: rect(12px, 9999px, 40px, 0);
   }
   60% {
-    clip: rect(26px, 9999px, 77px, 0);
+    clip: rect(88px, 9999px, 50px, 0);
   }
   65% {
-    clip: rect(52px, 9999px, 35px, 0);
+    clip: rect(45px, 9999px, 88px, 0);
   }
   70% {
-    clip: rect(57px, 9999px, 57px, 0);
+    clip: rect(79px, 9999px, 92px, 0);
   }
   75% {
-    clip: rect(45px, 9999px, 62px, 0);
+    clip: rect(15px, 9999px, 87px, 0);
   }
   80% {
-    clip: rect(73px, 9999px, 77px, 0);
+    clip: rect(14px, 9999px, 80px, 0);
   }
   85% {
-    clip: rect(76px, 9999px, 45px, 0);
+    clip: rect(26px, 9999px, 60px, 0);
   }
   90% {
-    clip: rect(75px, 9999px, 42px, 0);
+    clip: rect(62px, 9999px, 29px, 0);
   }
   95% {
-    clip: rect(83px, 9999px, 27px, 0);
+    clip: rect(22px, 9999px, 28px, 0);
   }
   100% {
-    clip: rect(54px, 9999px, 100px, 0);
+    clip: rect(43px, 9999px, 56px, 0);
   }
 }
 .error:before {
diff --git a/public/js/resources_js_views_forgot_index_vue.js b/public/js/resources_js_views_forgot_index_vue.js
index 69dd844..bd932ae 100644
--- a/public/js/resources_js_views_forgot_index_vue.js
+++ b/public/js/resources_js_views_forgot_index_vue.js
@@ -1,5 +1,38 @@
 (self["webpackChunk"] = self["webpackChunk"] || []).push([["resources_js_views_forgot_index_vue"],{
 
+/***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/LoadingButton.vue?vue&type=script&lang=js&":
+/*!********************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/LoadingButton.vue?vue&type=script&lang=js& ***!
+  \********************************************************************************************************************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
+  name: "LoadingButton",
+  props: {
+    text: String,
+    isLoading: Boolean
+  }
+});
+
+/***/ }),
+
 /***/ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/forgot/index.vue?vue&type=script&lang=js&":
 /*!**************************************************************************************************************************************************************************************************************!*\
   !*** ./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/forgot/index.vue?vue&type=script&lang=js& ***!
@@ -15,6 +48,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _utils_notify_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/notify.js */ "./resources/js/utils/notify.js");
 /* harmony import */ var _components_Nav__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../components/Nav */ "./resources/js/components/Nav.vue");
+/* harmony import */ var _components_LoadingButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../components/LoadingButton */ "./resources/js/components/LoadingButton.vue");
 
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
@@ -90,22 +124,14 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
+
 
 
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
   name: "Forgot",
   components: {
-    Nav: _components_Nav__WEBPACK_IMPORTED_MODULE_2__.default
+    Nav: _components_Nav__WEBPACK_IMPORTED_MODULE_2__.default,
+    LoadingButton: _components_LoadingButton__WEBPACK_IMPORTED_MODULE_3__.default
   },
   data: function data() {
     return {
@@ -188,6 +214,45 @@ function authError(error) {
 
 /***/ }),
 
+/***/ "./resources/js/components/LoadingButton.vue":
+/*!***************************************************!*\
+  !*** ./resources/js/components/LoadingButton.vue ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _LoadingButton_vue_vue_type_template_id_b8be879a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./LoadingButton.vue?vue&type=template&id=b8be879a& */ "./resources/js/components/LoadingButton.vue?vue&type=template&id=b8be879a&");
+/* harmony import */ var _LoadingButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./LoadingButton.vue?vue&type=script&lang=js& */ "./resources/js/components/LoadingButton.vue?vue&type=script&lang=js&");
+/* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
+
+
+
+
+
+/* normalize component */
+;
+var component = (0,_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__.default)(
+  _LoadingButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__.default,
+  _LoadingButton_vue_vue_type_template_id_b8be879a___WEBPACK_IMPORTED_MODULE_0__.render,
+  _LoadingButton_vue_vue_type_template_id_b8be879a___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "resources/js/components/LoadingButton.vue"
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (component.exports);
+
+/***/ }),
+
 /***/ "./resources/js/views/forgot/index.vue":
 /*!*********************************************!*\
   !*** ./resources/js/views/forgot/index.vue ***!
@@ -227,6 +292,22 @@ component.options.__file = "resources/js/views/forgot/index.vue"
 
 /***/ }),
 
+/***/ "./resources/js/components/LoadingButton.vue?vue&type=script&lang=js&":
+/*!****************************************************************************!*\
+  !*** ./resources/js/components/LoadingButton.vue?vue&type=script&lang=js& ***!
+  \****************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_LoadingButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadingButton.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/LoadingButton.vue?vue&type=script&lang=js&");
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_LoadingButton_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__.default); 
+
+/***/ }),
+
 /***/ "./resources/js/views/forgot/index.vue?vue&type=script&lang=js&":
 /*!**********************************************************************!*\
   !*** ./resources/js/views/forgot/index.vue?vue&type=script&lang=js& ***!
@@ -241,6 +322,23 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js& */ "./node_modules/babel-loader/lib/index.js??clonedRuleSet-5[0].rules[0].use[0]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/forgot/index.vue?vue&type=script&lang=js&");
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_babel_loader_lib_index_js_clonedRuleSet_5_0_rules_0_use_0_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_0__.default); 
 
+/***/ }),
+
+/***/ "./resources/js/components/LoadingButton.vue?vue&type=template&id=b8be879a&":
+/*!**********************************************************************************!*\
+  !*** ./resources/js/components/LoadingButton.vue?vue&type=template&id=b8be879a& ***!
+  \**********************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "render": () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_LoadingButton_vue_vue_type_template_id_b8be879a___WEBPACK_IMPORTED_MODULE_0__.render),
+/* harmony export */   "staticRenderFns": () => (/* reexport safe */ _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_LoadingButton_vue_vue_type_template_id_b8be879a___WEBPACK_IMPORTED_MODULE_0__.staticRenderFns)
+/* harmony export */ });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_LoadingButton_vue_vue_type_template_id_b8be879a___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadingButton.vue?vue&type=template&id=b8be879a& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/LoadingButton.vue?vue&type=template&id=b8be879a&");
+
+
 /***/ }),
 
 /***/ "./resources/js/views/forgot/index.vue?vue&type=template&id=16706c65&":
@@ -258,6 +356,51 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_index_vue_vue_type_template_id_16706c65___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=template&id=16706c65& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/forgot/index.vue?vue&type=template&id=16706c65&");
 
 
+/***/ }),
+
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/LoadingButton.vue?vue&type=template&id=b8be879a&":
+/*!*************************************************************************************************************************************************************************************************************************!*\
+  !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/components/LoadingButton.vue?vue&type=template&id=b8be879a& ***!
+  \*************************************************************************************************************************************************************************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "render": () => (/* binding */ render),
+/* harmony export */   "staticRenderFns": () => (/* binding */ staticRenderFns)
+/* harmony export */ });
+var render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "button",
+    {
+      staticClass: "btn btn-primary btn-user btn-block",
+      attrs: { type: "submit", disabled: _vm.isLoading }
+    },
+    [
+      !_vm.isLoading ? _c("span", [_vm._v(_vm._s(_vm.text))]) : _vm._e(),
+      _vm._v(" "),
+      _vm.isLoading
+        ? _c(
+            "div",
+            {
+              staticClass: "spinner-border text-light",
+              attrs: { role: "status" }
+            },
+            [_c("span", { staticClass: "sr-only" }, [_vm._v("Loading...")])]
+          )
+        : _vm._e()
+    ]
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+
 /***/ }),
 
 /***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./resources/js/views/forgot/index.vue?vue&type=template&id=16706c65&":
@@ -343,41 +486,14 @@ var render = function() {
                                     })
                                   ]),
                                   _vm._v(" "),
-                                  _c(
-                                    "button",
-                                    {
-                                      staticClass:
-                                        "btn btn-primary btn-user btn-block",
-                                      attrs: {
-                                        type: "submit",
-                                        disabled: _vm.isLoading
-                                      }
-                                    },
-                                    [
-                                      !_vm.isLoading
-                                        ? _c("span", [_vm._v("Reset Password")])
-                                        : _vm._e(),
-                                      _vm._v(" "),
-                                      _vm.isLoading
-                                        ? _c(
-                                            "div",
-                                            {
-                                              staticClass:
-                                                "spinner-border text-light",
-                                              attrs: { role: "status" }
-                                            },
-                                            [
-                                              _c(
-                                                "span",
-                                                { staticClass: "sr-only" },
-                                                [_vm._v("Loading...")]
-                                              )
-                                            ]
-                                          )
-                                        : _vm._e()
-                                    ]
-                                  )
-                                ]
+                                  _c("LoadingButton", {
+                                    attrs: {
+                                      text: "Reset password",
+                                      isLoading: _vm.isLoading
+                                    }
+                                  })
+                                ],
+                                1
                               )
                             ])
                           : _c("div", [_vm._m(1)]),
diff --git a/resources/js/views/forgot/index.vue b/resources/js/views/forgot/index.vue
index 71eb8f3..04348db 100644
--- a/resources/js/views/forgot/index.vue
+++ b/resources/js/views/forgot/index.vue
@@ -33,20 +33,10 @@
                             v-model="email"
                           />
                         </div>
-                        <button
-                          type="submit"
-                          class="btn btn-primary btn-user btn-block"
-                          :disabled="isLoading"
-                        >
-                          <span v-if="!isLoading">Reset Password</span>
-                          <div
-                            class="spinner-border text-light"
-                            role="status"
-                            v-if="isLoading"
-                          >
-                            <span class="sr-only">Loading...</span>
-                          </div>
-                        </button>
+                        <LoadingButton
+                          text="Reset password"
+                          v-bind:isLoading="isLoading"
+                        />
                       </form>
                     </div>
                     <div v-else>
@@ -79,12 +69,14 @@
 
 <script>
 import * as notify from "../../utils/notify.js";
-import Nav from '../../components/Nav'
+import Nav from "../../components/Nav";
+import LoadingButton from "../../components/LoadingButton";
 
 export default {
   name: "Forgot",
   components: {
     Nav,
+    LoadingButton,
   },
   data() {
     return {