jquery.com: new download button styling (removed subtext)

Author: timmywil

themes/jquery.com/style.css

@@ -71,30 +71,38 @@ a,
 #banner-secondary .download-main .button:hover {
 	box-shadow: 0 0 25px rgba(209, 143, 79, 0.9);
 }
-#content #banner-secondary .download-main > a {
-	display: block;
-	padding: 0 0 .5em 0;
-	font-size: 2em;
-	width: 100%;
+#content #banner-secondary .download-main .download {
+	display: flex;
+	align-items: center;
 	text-align: center;
+	gap: 0.5em;
+	padding: 0.5em 1em;
+	margin-bottom: 0.5em;
+	font-size: 1.5em;
+	width: 100%;
 	text-decoration: none;
-	line-height: 0.8em;
+	line-height: 1;
 }
-#content #banner-secondary .download-main > a span {
-	display: block;
-	font-size: 0.6em;
-}
-#content #banner-secondary .download-main > a span.download {
-	background: url('i/download.png') 0 0;
-	width: 44px;
-	height: 37px;
+#content #banner-secondary .download-main > a .download-icon {
+	background: url('i/download.png') no-repeat 0 0 / 100% 100%;
+	width: 35px;
+	height: 35px;
 	position: relative;
-	top: 1em;
 	display: inline-block;
-	margin-right: 0.5em;
+	flex-shrink: 0;
+}
+#content #banner-secondary .download-main > a .download-message {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	flex-grow: 1;
+	gap: 0.25em;
+}
+#content #banner-secondary .download-main > a .download-version {
+	font-size: 0.7em;
 }
 #content #banner-secondary .download-main .support-notice {
-	font-size: 12px;
+	color: #ccc;
 }
 
 .resources {