From 7b4b203e1dac2b7c9917726ebd6b23baa2644b17 Mon Sep 17 00:00:00 2001
From: Christina Sarai Atoche Pascual <christinas.apascual@gmail.com>
Date: Sun, 8 Sep 2024 09:35:56 -0500
Subject: [PATCH] style: agrega estilo al boton quitar filtros

---
 css/style.css | 29 +++++++++++++++++++++++++++++
 index.html    |  1 +
 2 files changed, 30 insertions(+)

diff --git a/css/style.css b/css/style.css
index 865882f..1226669 100644
--- a/css/style.css
+++ b/css/style.css
@@ -3,6 +3,7 @@
     font-size: 16px;
     --black: #1e1e1e;
     --purple: #dda0dd;
+    --purpleDark: #872b87;
     --white: #fdfdfd;
     --red: #f64545;
     --gray: #646464;
@@ -60,8 +61,36 @@ body {
     border-radius: .5rem;
 }
 
+/* BOTONES */
+
+.btnReset{
+    display: block;
+    inline-size: 200px;
+    margin-inline: auto;
+    background: var(--purpleDark);
+    color: var(--white);
+    padding: .5rem 1.5rem;
+    font-weight: 700;
+    border-radius: 1rem;
+    border: none;
+    font-size: 1rem;
+    margin-block-start: 2rem;
+    box-shadow: inset -1px -1px 3px var(--purple);
+    opacity: 1;
+    cursor: pointer;
+    transition: background .5s;
+}
+
+.btnReset:hover {
+    background: rgb(104, 2, 104);
+}
+
 /* RESULT */
 
+.result {
+    padding-block: 2rem;
+}
+
 .result-title {
     text-align: center;
     margin-block-end: 3rem;
diff --git a/index.html b/index.html
index e28c157..46aa40a 100644
--- a/index.html
+++ b/index.html
@@ -97,6 +97,7 @@ <h1 class="header-title">SearchBook</h1>
                 </select>
             </div> <!-- select editorial -->
         </search>
+        <button type="reset" class="btnReset" id="btnReset">Quitar filtros</button>
     </form>
     <main class="result">
         <div class="result-content wrapper">