diff --git a/frontend/src/assets/scss/gradido-template.scss b/frontend/src/assets/scss/gradido-template.scss
index 97118ca2b..569f4d538 100644
--- a/frontend/src/assets/scss/gradido-template.scss
+++ b/frontend/src/assets/scss/gradido-template.scss
@@ -41,17 +41,19 @@ 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%);
-  color: #fff;
+  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, rgba(249,205,105,1) 2%, rgba(197,141,56,1) 55%);
+	box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
+	border-radius:26px;
 }
 
 .btn-gradido:hover {
-  color: #212529;
+  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
 }
 
 .btn-gradido:focus {
@@ -61,6 +63,11 @@ a,
 .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,