diff --git a/packages/base/Resources/Public/Scss/components/_buttons.scss b/packages/base/Resources/Public/Scss/components/_buttons.scss
index 0ed4984..37655c1 100644
--- a/packages/base/Resources/Public/Scss/components/_buttons.scss
+++ b/packages/base/Resources/Public/Scss/components/_buttons.scss
@@ -1,16 +1,4 @@
 .btn {
-  background-color: var(--bs-primary);
-  color: var(--bs-yellow);
-  font-family: 'Inter', sans-serif;
-  font-weight: 700;
-  border-radius: .5rem;
-  padding: 0.75rem 1.5rem;
-  border: none;
-  cursor: pointer;
-  transition: background 0.3s;
-
-  &:hover {
-    background-color: var(--bs-primary-dark);
-    color: var(--bs-yellow);
-  }
+  @apply bg-primary font-bold text-white py-1 px-12 cursor-pointer transition-colors duration-300;
+  @apply hover:bg-primary-dark;
 }