diff --git a/src/pages/catalog/Catalog.module.css b/src/pages/catalog/Catalog.module.css index d8548a2..c461625 100644 --- a/src/pages/catalog/Catalog.module.css +++ b/src/pages/catalog/Catalog.module.css @@ -14,7 +14,7 @@ min-width: 0; /* evita desbordamientos horizontales */ background: rgba(255, 255, 255, 0.9); border-radius: 24px; - box-shadow: 0 24px 48px rgba(0, 0, 0, 0.1); + box-shadow: 0 48px 56px rgba(0, 0, 0, 0.1); } .order { @@ -23,9 +23,9 @@ top: 2rem; /* se queda pegada al hacer scroll */ height: fit-content; /* sólo el alto que necesite su contenido */ background: rgba(255, 255, 255, 0.9); - border: 1px solid violet; + border: 3px solid violet; border-radius: 24px; - box-shadow: 0 24px 48px rgba(0, 0, 0, 0.1); + box-shadow: 0 48px 56px rgba(0, 0, 0, 0.1); padding: 1.5rem; } diff --git a/src/pages/catalog/components/product_cards/components/card/Card.module.css b/src/pages/catalog/components/product_cards/components/card/Card.module.css index da2c3f9..3e87e5f 100644 --- a/src/pages/catalog/components/product_cards/components/card/Card.module.css +++ b/src/pages/catalog/components/product_cards/components/card/Card.module.css @@ -3,7 +3,8 @@ display: flex; flex-direction: column; justify-content: space-between; - border: 2px solid snow; + border: 3px solid snow; + box-shadow: 0 24px 56px rgba(0, 0, 0, 0.1); width: 325px; height: 500px; padding: 10px; @@ -19,3 +20,22 @@ flex-direction: column; gap: 16px } + +.button_container button { + display: flex; + flex-direction: column; + font-weight: bold; + background-color: #667eea; + color: white; + border: none; + border-radius: 8px; + cursor: pointer; + font-size: 16px; + font-weight: bold; + transition: background-color 0.3s ease; + gap: 16px; +} + +.button_container button:hover { + background-color: #5a6fd8; +}