diff --git a/frontend/src/assets/scss/gradido-template.scss b/frontend/src/assets/scss/gradido-template.scss
index 97118ca2b..007face42 100644
--- a/frontend/src/assets/scss/gradido-template.scss
+++ b/frontend/src/assets/scss/gradido-template.scss
@@ -36,31 +36,58 @@ a,
 /* Button */
 .btn {
   border-radius: 25px;
-  padding-right: 50px;
-  padding-left: 50px;
 }
 
 .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: 0.6em 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;
+  padding-right: 50px;
+  padding-left: 50px;
+  border-style: none;
 }
 
 .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: 0.6em 3em;
+  letter-spacing: 0.05em;
+  color: #fff;
+  transition: all 0.5s ease;
+  background: rgb(97 97 97);
+  background: linear-gradient(135deg, rgb(180 180 180 / 100%) 46%, rgb(180 180 180 / 100%) 99%);
+  box-shadow: rgb(0 0 0 / 40%) 0 30px 90px;
+  border-radius: 26px;
+  padding-right: 50px;
+  padding-left: 50px;
+  border-style: none;
+}
+
+.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,
diff --git a/frontend/src/pages/Register.vue b/frontend/src/pages/Register.vue
index 4ffd6ce79..7cab11bed 100755
--- a/frontend/src/pages/Register.vue
+++ b/frontend/src/pages/Register.vue
@@ -84,7 +84,7 @@
               <b-button
                 type="submit"
                 :disabled="disabled"
-                :variant="disabled ? 'outline-gradido' : 'gradido'"
+                :variant="disabled ? 'gradido-disable' : 'gradido'"
               >
                 {{ $t('signup') }}
               </b-button>