✨feature: Add button for single domain page

public/stylesheets/style.css

@@ -2124,6 +2124,12 @@
     grid-template-columns: 1fr;
     grid-auto-rows: max-content;
   }
+  .card-actions {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+    gap: calc(0.25rem * 2);
+  }
   .card-title {
     display: flex;
     align-items: center;
@@ -2277,6 +2283,9 @@
   .justify-center {
     justify-content: center;
   }
+  .justify-end {
+    justify-content: flex-end;
+  }
   .gap-0 {
     gap: calc(var(--spacing) * 0);
   }
@@ -2418,6 +2427,10 @@
     --btn-color: var(--color-info);
     --btn-fg: var(--color-info-content);
   }
+  .btn-primary {
+    --btn-color: var(--color-primary);
+    --btn-fg: var(--color-primary-content);
+  }
   .hover\:text-gray-400 {
     &:hover {
       @media (hover: hover) {
@@ -2425,6 +2438,20 @@
       }
     }
   }
+  .hover\:text-white {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white);
+      }
+    }
+  }
+  .hover\:text-white\! {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-white) !important;
+      }
+    }
+  }
   .sm\:grid-cols-2 {
     @media (width >= 40rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));