diff --git a/src/components/Boton.vue b/src/components/Boton.vue
new file mode 100644
index 00000000..b0a5af31
--- /dev/null
+++ b/src/components/Boton.vue
@@ -0,0 +1,28 @@
+<template>
+  <button
+    class="checkbox-class"
+    :class="{ 'scaled': isHovered }"
+    @mouseover="isHovered = true"
+    @mouseout="isHovered = false">
+    <slot />
+  </button>
+</template>
+
+<script setup lang = 'ts'>
+import { ref } from 'vue';
+
+const isHovered = ref(true);
+</script>
+
+<style scoped>
+  .scaled {
+    cursor: pointer;
+    transform: scale(0.9);
+    transition: transform 0.3s ease;
+  }
+
+ .checkbox-class {
+  background-color: var(--o-color-theme);
+  color: #aacfff;
+  }
+</style>
diff --git a/src/pages/pruebaBoton.vue b/src/pages/pruebaBoton.vue
new file mode 100644
index 00000000..e8ef3f89
--- /dev/null
+++ b/src/pages/pruebaBoton.vue
@@ -0,0 +1,8 @@
+<template>
+  <slot />
+  <Boton />
+</template>
+
+<script setup lang="ts">
+</script>
+
diff --git a/types/global/components.d.ts b/types/global/components.d.ts
index e812acaf..acc08632 100644
--- a/types/global/components.d.ts
+++ b/types/global/components.d.ts
@@ -8,6 +8,7 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     BaseInput: typeof import('./../../src/components/BaseInput.vue')['default']
+    Boton: typeof import('./../../src/components/Boton.vue')['default']
     Pin: typeof import('./../../src/components/Pin.vue')['default']
     RouterLink: typeof import('vue-router/auto')['RouterLink']
     RouterView: typeof import('vue-router/auto')['RouterView']
diff --git a/types/global/routes.d.ts b/types/global/routes.d.ts
index b878e719..c4f1d6f7 100644
--- a/types/global/routes.d.ts
+++ b/types/global/routes.d.ts
@@ -22,5 +22,6 @@ declare module 'vue-router/auto-routes' {
     '/login/': RouteRecordInfo<'/login/', '/login', Record<never, never>, Record<never, never>>,
     '/pinPrueba': RouteRecordInfo<'/pinPrueba', '/pinPrueba', Record<never, never>, Record<never, never>>,
     '/prueba': RouteRecordInfo<'/prueba', '/prueba', Record<never, never>, Record<never, never>>,
+    '/pruebaBoton': RouteRecordInfo<'/pruebaBoton', '/pruebaBoton', Record<never, never>, Record<never, never>>,
   }
 }