fix(site): Style fixes (#8794)

* Style fixes

* Bump site-kit

Author: PuruVJ

pnpm-lock.yaml

@@ -30,7 +30,7 @@
 		"@resvg/resvg-js": "^2.4.1",
 		"@sveltejs/adapter-vercel": "^3.0.1",
 		"@sveltejs/kit": "^1.20.4",
-		"@sveltejs/site-kit": "6.0.0-next.16",
+		"@sveltejs/site-kit": "6.0.0-next.17",
 		"@sveltejs/vite-plugin-svelte": "^2.4.1",
 		"@types/marked": "^5.0.0",
 		"@types/node": "^20.3.1",

sites/svelte.dev/package.json

@@ -59,8 +59,7 @@
 
 <section>
 	<footer>
-		<div class="logo">
-		</div>
+		<div class="logo" />
 		<div class="links">
 			<h4>resources</h4>
 			<a href="/docs">documentation</a>
@@ -75,8 +74,14 @@
 			<a href="/chat">discord</a>
 			<a href="https://twitter.com/sveltejs">twitter</a>
 		</div>
-		<div class="copyright">© 2023 <a href="https://github.com/sveltejs/svelte/graphs/contributors">Svelte contributors</a></div>
-		<div class="open-source">Svelte is <a href="https://github.com/sveltejs/svelte">free and open source software</a> released under the MIT license</div>
+		<div class="copyright">
+			© 2023 <a href="https://github.com/sveltejs/svelte/graphs/contributors">Svelte contributors</a
+			>
+		</div>
+		<div class="open-source">
+			Svelte is <a href="https://github.com/sveltejs/svelte">free and open source software</a> released
+			under the MIT license
+		</div>
 	</footer>
 </section>
 
@@ -129,6 +134,10 @@
 		grid-column: span 2;
 	}
 
+	.copyright {
+		grid-column: span 2;
+	}
+
 	@media (min-width: 500px) {
 		footer {
 			grid-template-columns: repeat(3, 1fr);
@@ -138,6 +147,10 @@
 			display: block;
 		}
 
+		.copyright {
+			grid-column: span 1;
+		}
+
 		.open-source {
 			display: block;
 		}

sites/svelte.dev/src/routes/+page.svelte

@@ -84,7 +84,7 @@
 	}
 
 	.cta {
-		display: inline-flex;
+		display: flex;
 		align-items: center;
 		gap: 0.1rem;
 		background: var(--sk-theme-1);
@@ -98,13 +98,12 @@
 		color: #fff;
 		color: color-mix(in hwb, hsl(var(--sk-theme-1-hsl)) 10%, var(--sk-back-1) 95%);
 		transition: 0.5s var(--quint-out);
-		transition-property: transform, box-shadow, color;
+		transition-property: box-shadow, color;
 	}
 
 	.cta:hover {
 		text-decoration: none;
 		box-shadow: 0px 0.8px 3.8px rgba(0, 0, 0, 0.115), 0px 6px 30px rgba(0, 0, 0, 0.23);
-		transform: scale3d(1.01, 1.01, 1);
 	}
 
 	.cta.basic {