diff --git a/assets/core.scss b/assets/core.scss
index c510b1d..eddfa75 100644
--- a/assets/core.scss
+++ b/assets/core.scss
@@ -1,7 +1,3 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
$motiva: (
("MotivaSansThin.ttf", "ttf", 100, normal),
("MotivaSansLight.woff.ttf", "woff", 300, normal),
@@ -72,3 +68,12 @@ $helvetica: (
.store-caoursel > .carousel__viewport {
overflow: visible !important;
}
+
+
+button {
+ cursor: pointer !important;
+}
+
+html {
+ background-color: oklch(.21 .006 285.885);
+}
\ No newline at end of file
diff --git a/assets/tailwindcss.css b/assets/tailwindcss.css
new file mode 100644
index 0000000..c64f75c
--- /dev/null
+++ b/assets/tailwindcss.css
@@ -0,0 +1,4 @@
+@import "tailwindcss";
+@plugin "@tailwindcss/typography";
+@plugin "@tailwindcss/forms";
+@config "../tailwind.config.js";
\ No newline at end of file
diff --git a/components/AddLibraryButton.vue b/components/AddLibraryButton.vue
index 171720b..19c7cee 100644
--- a/components/AddLibraryButton.vue
+++ b/components/AddLibraryButton.vue
@@ -4,7 +4,7 @@
:loading="isLibraryLoading"
@click="() => toggleLibrary()"
:style="'none'"
- class="transition w-48 inline-flex items-center justify-center gap-x-2 rounded-l-md bg-white/10 group-hover:bg-white/15 text-zinc-100 backdrop-blur px-5 py-3 active:scale-95"
+ class="transition w-48 h-fit gap-x-2 rounded-none rounded-l-md bg-white/10 hover:bg-white/20 text-zinc-100 backdrop-blur px-5 py-3 active:scale-95"
>
{{ inLibrary ? "In Library" : "Add to Library" }}
@@ -15,7 +15,7 @@