style actions-btn

src/App.vue

@@ -133,7 +133,7 @@ onMounted(async () => {
 
   <ZoomControls ref="zoomControls" />
 
-  <div id="group-btn">
+  <div id="actions-btn">
     <SaveButton />
     <PrintButton :printPreview="printPreview" />
   </div>
@@ -168,50 +168,13 @@ onMounted(async () => {
   opacity: 0;
 }
 
-.print-btn {
-  position: fixed;
-  bottom: 2rem;
-  left: 2rem;
-  width: 3.5rem;
-  height: 3.5rem;
-  border-radius: 50%;
-  border: none;
-  background: var(--color-page-highlight);
-  color: white;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
-  transition:
-    transform 0.2s ease,
-    box-shadow 0.2s ease;
-  z-index: 1000;
-}
-
-.print-btn:hover {
-  transform: scale(1.1);
-  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
-}
-
-.print-btn svg {
-  width: 1.5rem;
-  height: 1.5rem;
-}
-
-/* Coloris button - ensure it's clickable and visible */
-:deep(.clr-field button) {
-  pointer-events: auto !important;
-  cursor: pointer !important;
-  position: relative;
-  z-index: 1;
-}
 
 /* Hide UI elements when printing */
 @media print {
   #editor-panel,
   #element-popup,
   #page-popup,
+  #actions-btn,
   .preview-loader,
   .print-btn {
     display: none !important;