.

src/layouts/AusweisLayout.astro

@@ -88,7 +88,7 @@ const { title } = Astro.props;
 	</body>
 </html>
 
-<style is:global>
+<style is:global lang="scss">
 	body {
 		min-height: 100vh;
 	}
@@ -130,8 +130,16 @@ article {
 }
 
 	.button {
-		@apply px-8 py-2 bg-secondary rounded-lg text-white font-medium hover:shadow-lg transition-all hover:underline active:bg-blue-900 text-center;
-		color: #fff !important;
+		@apply px-8 py-2 bg-secondary 
+		hover:bg-gradient-to-br from-secondary to-secondary-grad 
+		rounded-lg text-white
+		hover:shadow-lg transition-all 
+		hover:no-underline 
+		hover:ring-2
+		hover:ring-primary
+		active:bg-blue-900 text-center;
+
+
 	}
 
 	h3 {