diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 4184cb50..cf9efaa7 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -28,6 +28,8 @@ $card-bg: var(--background);
 $card-border-color: var(--card-border-color);
 $input-bg: var(--background);
 $input-color: var(--foreground);
+$btn-bg-color: var(--btn-bg-color);
+$btn-color: var(--btn-color);
 
 $spacers: (
   2-plus: 0.75rem
@@ -69,6 +71,8 @@ $sizes: (
   --background: #{$white};
   --color: #{$magenta};
   --card-border-color: #{rgba($black, .125)};
+  --btn-bg-color: #{$black};
+  --btn-color: #{$white};
 }
 
 @media (prefers-color-scheme: dark) {
@@ -76,27 +80,16 @@ $sizes: (
     --foreground: #{$white};
     --background: #{$black};
     --color: #{$cyan};
-    --card-border-color: #{rgba($white, .125)};
+    --card-border-color: #{rgba($white, .250)};
+    --btn-bg-color: #{$white};
+    --btn-color: #{$black};
   }
 
+  
   .btn-secondary {
-    background-color: $white;
-    color: $black;
     border: none;
-
-    &:hover {
-      color: $black;
-      background-color: $cyan;
-    }
-
-    &:active {
-      background-color: $cyan;
-    }
-
-    &:focus {
-      box-shadow: 0 0 0 0.2rem $cyan;
-    }
   }
+
 }
 
 // TODO: Encontrar la forma de generar esto desde los locales de Rails
@@ -255,6 +248,8 @@ svg {
 .btn {
   margin-right: 0.3rem;
   margin-bottom: 0.3rem;
+  background-color: $btn-bg-color;
+  color: $btn-color;
 
   &:hover {
     color: var(--background);
diff --git a/app/assets/stylesheets/dark.scss b/app/assets/stylesheets/dark.scss
index a5a1f837..e8ed1862 100644
--- a/app/assets/stylesheets/dark.scss
+++ b/app/assets/stylesheets/dark.scss
@@ -6,30 +6,13 @@ $cyan: #13fefe;
   --foreground: #{$white};
   --background: #{$black};
   --color: #{$cyan};
-  --card-border-color: #{rgba($white, .125)};
-}
-
-.btn {
-  background-color: $white;
+  --card-border-color: #{rgba($white, .250)};
+  --btn-bg-color: #{$white};
+  --btn-color: #{$black};
 }
 
 .btn-secondary {
-  background-color: $white;
-  color: $black;
   border: none;
-
-  &:hover {
-    color: $black;
-    background-color: $cyan;
-  }
-
-  &:active {
-    background-color: $cyan;
-  }
-
-  &:focus {
-    box-shadow: 0 0 0 0.2rem $cyan;
-  }
 }