Update green button ui

src/assets/scss/elementStyles.scss

@@ -39,7 +39,7 @@ blockquote {
 	cursor: pointer;
 	background-color: #fff;
 	color: $color__text--primary;
-	transition: background-color 0.2s, border-color 0.2s;
+	transition: background-color 0.2s, border-color 0.2s, filter 0.2s;
 	outline: none;
 
 	&:hover {
@@ -102,13 +102,17 @@ blockquote {
 		color: #fff;
 		border-color: $color__green--darker;
 
-		&:hover { 
+		&:hover {
+			background-color: $color__green--primary;
 			border-color: $color__green--darker;
-			background-color: rgba(75, 171, 79, 0.86);
+			filter: brightness(0.9);
+			color: #fff;
 		}
 		&:active {
+			background-color: $color__green--primary;
 			border-color: $color__green--darker;
-			background-color: $color__green--darkester;
+			filter: brightness(0.8);
+			color: #fff;
 		}
 	}
 }

src/assets/scss/variables.scss

@@ -22,9 +22,8 @@ $color__orange--darker: #EF6C00;
 $color__orange--darkest: #de621c;
 
 $color__green--primary: rgba(76, 175, 80, 0.86);
-$color__green--darker: #43A047;
+$color__green--darker: #349238;
 $color__green--darkest: #1B5E20;
-$color__green--darkester: rgba(79, 152, 82, 0.84);
 
 $color__blue--primary: #0288D1;
 $color__blue--darker: #01579B;