update(css): added btn-spinner, refactored btn-primary class

assets/css/styles.css

@@ -556,12 +556,12 @@ nav {
 	gap: var(--space-2);
 	background: var(--blue);
 	color: white;
-	padding: var(--space-4) var(--space-6);
+	border: none;
 	border-radius: var(--radius-md);
+	padding: var(--space-4) var(--space-6);
 	font-size: var(--text-md);
 	font-weight: 700;
 	transition: all 0.2s;
-	border: none;
 	cursor: pointer;
 	font-family: inherit;
 }
@@ -571,8 +571,31 @@ nav {
 	transform: translateY(-0.0625rem);
 }
 
-.btn-primary::after {
-	content: "→";
+.btn-spinner {
+	display: none;
+	width: 18px;
+	height: 18px;
+	border: 2px solid rgba(255, 255, 255, 0.4);
+	border-top: 2px solid white;
+	border-radius: 50%;
+	animation: spin 0.7s linear infinite;
+}
+
+.btn-primary.loading .btn-text {
+	display: none;
+}
+
+.btn-primary.loading .btn-spinner {
+	display: inline-block;
+}
+
+@keyframes spin {
+	from {
+		transform: rotate(0deg);
+	}
+	to {
+		transform: rotate(360deg);
+	}
 }
 
 /* HERO CTA PREMIUM EFFECT */