appscms-theme.css in appscms-tools-theme-4.5.1

- old
+ new

@@ -1970,6 +1970,33 @@
 .scroll-left svg{
   left: -10px;
 }
 .scroll-right svg{
   right: -10px;
+}
+<style>
+#download-button {
+position: relative;
+}
+
+.button-loader {
+position: absolute;
+top: 50%;
+left: 19%;
+transform: translate(-50%, -50%);
+border: 4px solid #ffffff;
+border-top: 4px solid var(--primary-color);
+border-radius: 50%;
+width: 24px;
+height: 24px;
+animation: spin 1s linear infinite;
+display: none;
+}
+
+@keyframes spin {
+0% { transform: translate(-50%, -50%) rotate(0deg); }
+100% { transform: translate(-50%, -50%) rotate(360deg); }
+}
+
+#download-button.loading .button-loader {
+display: block; /* Show the loader when button has loading class */
 }
\ No newline at end of file