fix(site): Style fixes (#8794)

* Style fixes

* Bump site-kit

pnpm-lock.yaml

@@ -185,8 +185,8 @@ importers:
         specifier: ^1.20.4
         version: 1.20.4(svelte@packages+svelte)(vite@4.3.9)
       '@sveltejs/site-kit':
-        specifier: 6.0.0-next.16
+        specifier: 6.0.0-next.17
-        version: 6.0.0-next.16(@sveltejs/kit@1.20.4)(svelte@packages+svelte)
+        version: 6.0.0-next.17(@sveltejs/kit@1.20.4)(svelte@packages+svelte)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^2.4.1
         version: 2.4.1(svelte@packages+svelte)(vite@4.3.9)
@@ -1825,8 +1825,8 @@ packages:
       svelte-local-storage-store: 0.4.0(svelte@packages+svelte)
     dev: false
 
-  /@sveltejs/site-kit@6.0.0-next.16(@sveltejs/kit@1.20.4)(svelte@packages+svelte):
+  /@sveltejs/site-kit@6.0.0-next.17(@sveltejs/kit@1.20.4)(svelte@packages+svelte):
-    resolution: {integrity: sha512-GIP7nEC0J+5rzjCoLa6HIM0mGRKnt3rQz5xJcLEzua1GQRt9vkMiT/FGryr1s5baTNBIV7buWJgVQaz6pUat3w==}
+    resolution: {integrity: sha512-+2AlkIwKtwrfcsvoxSXkRZ5EFI1Rz/8ZZVMi6qmLhPgX0CYm+yyyCslaASmAB+Ztq3JYVwNx+4eQ6Mafeitjiw==}
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
       svelte: ^3.54.0 || ^4.0.0-next.1 || ^4.0.0

sites/svelte.dev/package.json

@@ -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/src/routes/+page.svelte

@@ -59,8 +59,7 @@
 
 <section>
 	<footer>
-		<div class="logo">
+		<div class="logo" />
-		</div>
 		<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="copyright">
-		<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>
+			© 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/_components/Hero.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 {