diff --git a/index.html b/index.html
index e2100c0..c6d2548 100644
--- a/index.html
+++ b/index.html
@@ -30,8 +30,8 @@ <h2 class="titulo-secundario">¿Te interesa participar?</h2>
           <form>
             <input class="input" placeholder="Nombre" name="name" />
             <input class="input" placeholder="Correo" name="email" />
-            <button class="boton-principal">Limpiar</button>
-            <button class="boton-secundario">Participar</button>
+            <button class="boton boton-principal">Limpiar</button>
+            <button class="boton boton-secundario">Participar</button>
           </form>
         </div>
         <div class="tarjeta">
@@ -40,8 +40,8 @@ <h2 class="titulo-secundario">¿Quieres recomendar a alguien?</h2>
           <form>
             <input class="input" placeholder="Nombre" name="name" />
             <input class="input" placeholder="Correo" name="email" />
-            <button class="boton-principal">Limpiar</button>
-            <button class="boton-secundario">Invitar</button>
+            <button class="boton boton-principal">Limpiar</button>
+            <button class="boton boton-secundario">Invitar</button>
           </form>
         </div>
       </section>
diff --git a/styles.css b/styles.css
index d0f9690..dbf0e15 100644
--- a/styles.css
+++ b/styles.css
@@ -1,3 +1,30 @@
+.input{
+    padding: 9px;
+    
+}   
+.boton{
+    padding: 10px;
+    width: 100px;
+    color: #ffffff; 
+    border: none;
+    cursor: pointer;
+    font-size: 14px;
+}
+.boton-principal{  
+    background-color: #e22323 ;
+}
+
+.boton-secundario{
+   background-color: #1565c0;
+}
+
+.boton-principal:hover{
+    background-color: #b41f1f;
+}
+
+.boton-secundario:hover{
+    background-color: #0d3e77;
+}
 .parrafo{
     font-size: 20px;
     font-style: italic;