Merge branch '1926-button-concept' into 1916-remove-select-language-from-register-form

frontend/src/assets/scss/gradido-template.scss

@@ -41,26 +41,49 @@ a,
 }
 
 .btn-gradido {
-  background-image: linear-gradient(146deg, rgb(220 167 44) 50%, rgb(197 141 56 / 100%) 100%);
-  background-size: auto;
-  background-position: 0% 0%;
-  background-repeat: repeat;
-  border-style: none;
-  box-shadow: 10px 10px 50px 10px rgb(56 56 56 / 31%);
+  display: inline-block;
+  padding: 1em 3em;
+  letter-spacing: 0.05em;
   color: #fff;
+  transition: all 0.5s ease;
+  background: rgb(249 205 105);
+  background: linear-gradient(135deg, rgb(249 205 105 / 100%) 2%, rgb(197 141 56 / 100%) 55%);
+  box-shadow: rgb(0 0 0 / 40%) 0 30px 90px;
+  border-radius: 26px;
 }
 
 .btn-gradido:hover {
-  color: #212529;
+  color: #fff;
+  box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
 }
 
 .btn-gradido:focus {
   outline: none;
 }
 
+.btn-gradido-disable {
+  padding: 1em 3em;
+	letter-spacing: 0.05em;
+	color: #fff;
+	transition: all 0.5s ease;
+	background: rgb(97,97,97);
+	background: linear-gradient(135deg, rgba(180,180,180,1) 46%, rgba(180,180,180,1) 99%);
+	box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
+	border-radius:26px;
+}
+
+.btn-gradido-disable:hover {
+	color: #fff;
+}
+
 .btn-outline-gradido {
   color: rgb(140 121 88);
   border: 1px solid #f5b805;
+  box-shadow: 10px 10px 50px 10px rgb(56 56 56 / 31%);
+}
+
+.btn-outline-gradido:hover {
+  box-shadow: 10px 10px 50px 10px rgb(56 56 56 / 0%);
 }
 
 .form-control,

frontend/src/pages/Register.vue

@@ -80,7 +80,7 @@
               <b-button
                 type="submit"
                 :disabled="disabled"
-                :variant="disabled ? 'outline-gradido' : 'gradido'"
+                :variant="disabled ? 'gradido-disable' : 'gradido'"
               >
                 {{ $t('signup') }}
               </b-button>