diff --git a/src/components/Banner/styles.css b/src/components/Banner/styles.css
index af91fc9..9691f1d 100644
--- a/src/components/Banner/styles.css
+++ b/src/components/Banner/styles.css
@@ -1,59 +1,65 @@
 .banner {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background: url(./../../assets/images/banner/banner.png) center/cover no-repeat;
-    padding: 0 20px;
-    height: 500px; /* Defina a altura do banner como aproximadamente 500px */
-    margin-bottom: 60px;
-  }
-  
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: url(./../../assets/images/banner/banner.png) center/cover
+    no-repeat;
+  padding: 0 20px;
+  height: 500px; /* Defina a altura do banner como aproximadamente 500px */
+  margin-bottom: 60px;
+}
 
-  .banner-button-center {
-width: 200px;
-padding: var(--spacing-xl, 16px);
-    border-radius: var(--radius-sm, 4px);
-border: 1px solid #62D0B6;
-background: #62D0B6;
-    border: none;
-    cursor: pointer;
-    color: #FFF;
-text-align: center;
-font-family: Roboto Mono;
-font-size: 16px;
-font-style: normal;
-font-weight: 400;
-line-height: 24px;
-margin: 16px 0;
-  }
-  .banner-content {
-    flex-grow: 1;
-    text-align: center;
-    margin: 0 20px;
-  }
-  
-  .banner-button-left {
-    order: -1;
-  }
-  
-  .banner-button-right {
-    order: 1;
-  }
-  .title-banner{
-    color: #FFF;
-text-align: center;
-font-family: Roboto Mono;
-font-size: 48px;
-font-style: normal;
-font-weight: 400;
-line-height: 70px; /* 145.833% */
-  }
-  .description-banner{
-color: #F8F8F8;
-text-align: center;
-font-family: Roboto Mono;
-font-size: 16px;
-font-style: normal;
-font-weight: 400;
-line-height: 25px; /* 156.25% */
-  }
\ No newline at end of file
+.banner-button-center {
+  width: 200px;
+  padding: var(--spacing-xl, 16px);
+  border-radius: var(--radius-sm, 4px);
+  border: 1px solid #62d0b6;
+  background: #62d0b6;
+  border: none;
+  cursor: pointer;
+  color: #fff;
+  text-align: center;
+  font-family: Roboto Mono;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px;
+  margin: 16px 0;
+}
+
+.banner-button-center:hover {
+  background-color: #81D9C5;
+  color: var(--primary);
+}
+
+.banner-content {
+  flex-grow: 1;
+  text-align: center;
+  margin: 0 20px;
+}
+
+.banner-button-left {
+  order: -1;
+}
+
+.banner-button-right {
+  order: 1;
+}
+.title-banner {
+  color: #fff;
+  text-align: center;
+  font-family: Roboto Mono;
+  font-size: 48px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 70px; /* 145.833% */
+}
+.description-banner {
+  color: #f8f8f8;
+  text-align: center;
+  font-family: Roboto Mono;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 25px; /* 156.25% */
+}
diff --git a/src/components/Buttons/Button.module.css b/src/components/Buttons/Button.module.css
index c617718..f7f0a51 100644
--- a/src/components/Buttons/Button.module.css
+++ b/src/components/Buttons/Button.module.css
@@ -11,6 +11,7 @@
   border-radius: var(--radius-sm, 4px);
   border: 1px solid #eee;
   transition: background-color 0.3s ease;
+  cursor: pointer;
 }
 
 .cartButton {
@@ -31,10 +32,39 @@
   background-color: white;
   border-radius: var(--radius-sm, 4px);
   border: 1px solid #eee;
+  cursor: pointer;
 
   transition: background-color 0.3s ease;
 }
 
+.cartButtonDestaque {
+  color: #333;
+  text-align: right;
+  font-family: Roboto Flex;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 24px; /* 150% */
+
+  display: flex;
+  padding: var(--spacing-xl, 16px);
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-lg, 8px);
+  flex: 1 0 0;
+  border-radius: var(--radius-sm, 4px);
+  border: 1px solid #62d0b6;
+  background: #62d0b6;
+  color: #fff;
+  text-align: right;
+  font-family: Roboto Flex;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 24px; /* 150% */
+  cursor: pointer;
+}
+
 .favoriteButton img {
   display: flex;
   width: 18px;
@@ -44,7 +74,8 @@
   align-items: center;
 }
 
-.cartButton img {
+.cartButton img,
+.cartButtonDestaque img {
   display: flex;
   width: 16px;
   height: 16px;
@@ -66,9 +97,16 @@
   transition: background-color 0.3s ease;
 }
 
+.cartButtonDestaque:hover {
+  background-color: #81d9c5;
+  color: var(--primary);
+  transition: #81d9c5 0.3s ease;
+}
+
 .favoriteButton.selected img[alt="icon"],
 .favoriteButton:hover img[alt="icon"],
 .cartButton.selected img[alt="icon"],
-.cartButton:hover img[alt="icon"] {
+.cartButton:hover img[alt="icon"],
+.cartButtonDestaque img[alt="icon"] {
   filter: brightness(0) invert(1);
 }
diff --git a/src/components/Buttons/BuyButton.css b/src/components/Buttons/BuyButton.css
index f33612e..c5cf973 100644
--- a/src/components/Buttons/BuyButton.css
+++ b/src/components/Buttons/BuyButton.css
@@ -7,18 +7,19 @@
   flex: 1 0 0;
   border-radius: var(--radius-sm, 4px);
   border: 1px solid #62d0b6;
-  background: #fff;
-  color: #62d0b6;
+  background: #62d0b6;
+  color: #fff;
   text-align: right;
   font-family: Roboto Flex;
   font-size: 16px;
   font-style: normal;
   font-weight: 500;
   line-height: 24px; /* 150% */
+  cursor: pointer;
 }
 
 .buyButton:hover {
-    background-color: var(--secondary);
+    background-color: #81D9C5;
     color: var(--primary);
-    transition: background-color 0.3s ease;
+    transition: #81D9C5 0.3s ease;
   }
\ No newline at end of file
diff --git a/src/components/Buttons/CartButtonDestaque.jsx b/src/components/Buttons/CartButtonDestaque.jsx
new file mode 100644
index 0000000..dbe3dec
--- /dev/null
+++ b/src/components/Buttons/CartButtonDestaque.jsx
@@ -0,0 +1,40 @@
+import classes from "./Button.module.css";
+import { addToCart } from "../Slices/CartSlice";
+import cartlogo from "../../assets/images/Icons/cart.svg";
+import { useDispatch } from "react-redux";
+import PropTypes from "prop-types";
+
+function CartButtonDestaque({ product }) {
+  const dispatch = useDispatch();
+  const addItemToCartHandler = () => {
+    const item = {
+      id: product.id,
+      price: product.price,
+      image: product.image,
+      title: product.title,
+      amount: 1,
+    };
+    console.log(item);
+    dispatch(addToCart(item));
+  };
+  return (
+    <>
+      <button onClick={addItemToCartHandler} className={classes.cartButtonDestaque}>
+        Carrinho
+        <img src={cartlogo} alt="icon" />
+      </button>
+    </>
+  );
+}
+
+export default CartButtonDestaque;
+
+CartButtonDestaque.propTypes = {
+  product: PropTypes.shape({
+    id: PropTypes.number.isRequired,
+    price: PropTypes.number.isRequired,
+    image: PropTypes.string.isRequired,
+    title: PropTypes.string.isRequired,
+    // Add other required properties here
+  }).isRequired,
+};
diff --git a/src/components/Buttons/CartButtonProductPage.css b/src/components/Buttons/CartButtonProductPage.css
index a358854..bb42948 100644
--- a/src/components/Buttons/CartButtonProductPage.css
+++ b/src/components/Buttons/CartButtonProductPage.css
@@ -15,6 +15,7 @@
   font-style: normal;
   font-weight: 500;
   line-height: 24px; /* 150% */
+  cursor: pointer;
 }
 
 .cartButtonPage:hover {
diff --git a/src/components/Buttons/IncrementButton.css b/src/components/Buttons/IncrementButton.css
index 8594312..b62b95e 100644
--- a/src/components/Buttons/IncrementButton.css
+++ b/src/components/Buttons/IncrementButton.css
@@ -19,6 +19,7 @@
   border-radius: 4px;
   border: 1px solid #eee;
   background: #fff;
+  cursor: pointer;
 }
 
 .quantityButton:hover {
diff --git a/src/components/Buttons/ReturnNextButton.css b/src/components/Buttons/ReturnNextButton.css
index 55b9240..fd0e436 100644
--- a/src/components/Buttons/ReturnNextButton.css
+++ b/src/components/Buttons/ReturnNextButton.css
@@ -10,6 +10,7 @@
   border-radius: 100%;
   border: 1px solid #eee;
   background: #fff;
+  cursor: pointer;
 }
 
 .arrow {
diff --git a/src/components/Buttons/ReturnNextButtonBanner.css b/src/components/Buttons/ReturnNextButtonBanner.css
index b17d448..1349dd9 100644
--- a/src/components/Buttons/ReturnNextButtonBanner.css
+++ b/src/components/Buttons/ReturnNextButtonBanner.css
@@ -12,6 +12,7 @@
   border-radius: 50%;
   border: 1px solid #EEE;
   background: transparent;
+  cursor: pointer;
 }
 
 /* Adicione as media queries conforme necessário */
diff --git a/src/components/CardDesconto/index.jsx b/src/components/CardDesconto/index.jsx
index e595f96..0c96e39 100644
--- a/src/components/CardDesconto/index.jsx
+++ b/src/components/CardDesconto/index.jsx
@@ -1,53 +1,64 @@
-import {Rating} from './../Rating';
-import { Countdown } from '../Contdown';
-import CartButton from "../Buttons/CartButton";
+import { Rating } from "./../Rating";
+import { Countdown } from "../Contdown";
 import { FavoriteButton } from "../Buttons/FavoriteButton";
-import { Badge } from '../Badge';
-import { formatarPreco } from '../../utils/function/formatarPreco';
-import { CardDescontoPropTypes } from '../../types/CardDescontoPropTypes';
+import { Badge } from "../Badge";
+import { formatarPreco } from "../../utils/function/formatarPreco";
+import { CardDescontoPropTypes } from "../../types/CardDescontoPropTypes";
+import CartButtonDestaque from "../Buttons/CartButtonDestaque";
 
-import './styles.css';
-export function CardDesconto({title, description, price, priceDiscount, image, stars, date}){
-    const product = {
-        id: Math.random(), // You can generate a unique ID here
-        title,
-        description,
-        price,
-        priceDiscount,
-        image,
-        stars,
-        date,
-      };
-    return(
-        <div className="container-card-desconto">
-        <div className="card-desconto">
-            <div className="card-list-desconto">
-                <div className="content-desconto">
-                    <div className="text-desconto">
-                        <h3 className='title-desconto'>{title}</h3>
-                        <p className='description-desconto'>{description}</p>
-                    </div>
-                    <div className="star-desconto">
-                        <p className='pstars'>({stars})</p>
-                        <Rating rating={stars} maxStars={5}/>
-                    </div>
-                    <div className="prices-desconto">
-                        <p className="price-nodiscont">de {formatarPreco(price)}</p>
-                        <p className="price-discont">{formatarPreco(priceDiscount)}</p>
-                    </div>
-                </div>
-                    <Countdown date={date}/>
-                    <div className="buttons-desconto">
-                        <FavoriteButton />
-                        <CartButton product={product} priceAddition={priceDiscount}/>
-                    </div>
+import "./styles.css";
+export function CardDesconto({
+  title,
+  description,
+  price,
+  priceDiscount,
+  image,
+  stars,
+  date,
+}) {
+  const product = {
+    id: Math.random(), // You can generate a unique ID here
+    title,
+    description,
+    price,
+    priceDiscount,
+    image,
+    stars,
+    date,
+  };
+  return (
+    <div className="container-card-desconto">
+      <div className="card-desconto">
+        <div className="card-list-desconto">
+          <div className="content-desconto">
+            <div className="text-desconto">
+              <h3 className="title-desconto">{title}</h3>
+              <p className="description-desconto">{description}</p>
             </div>
-            <div className="container-image-desconto">
-                <img className='image-desconto' src={image} alt={title} />
-                <Badge price={price} priceDiscount={priceDiscount} />
-                </div>
+            <div className="star-desconto">
+              <p className="pstars">({stars})</p>
+              <Rating rating={stars} maxStars={5} />
             </div>
+            <div className="prices-desconto">
+              <p className="price-nodiscont">de {formatarPreco(price)}</p>
+              <p className="price-discont">{formatarPreco(priceDiscount)}</p>
+            </div>
+          </div>
+          <Countdown date={date} />
+          <div className="buttons-desconto">
+            <FavoriteButton />
+            <CartButtonDestaque
+              product={product}
+              priceAddition={priceDiscount}
+            />
+          </div>
+        </div>
+        <div className="container-image-desconto">
+          <img className="image-desconto" src={image} alt={title} />
+          <Badge price={price} priceDiscount={priceDiscount} />
         </div>
-    )
+      </div>
+    </div>
+  );
 }
-CardDesconto.propTypes =CardDescontoPropTypes
\ No newline at end of file
+CardDesconto.propTypes = CardDescontoPropTypes;
diff --git a/src/components/CardDesconto/styles.css b/src/components/CardDesconto/styles.css
index 18ae483..38e38b3 100644
--- a/src/components/CardDesconto/styles.css
+++ b/src/components/CardDesconto/styles.css
@@ -1,196 +1,191 @@
 .container-card-desconto {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    flex: 1 0 0;
-    border-radius: var(--radius-sm, 4px);
-    border: 2px solid #EEE;
-    background: #FFF;
-  }
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  flex: 1 0 0;
+  border-radius: 4px;
+  border: 1px solid var(--secondary);
+  background: #fff;
+}
 
-  .container-card-desconto:hover {
-    border: 1px solid var(--secondary);
-    transition: border-color 20ms ease;
-  }
-  
-  .card-desconto {
-    display: flex;
-    justify-content: center;
-    align-items: flex-start;
-    align-self: stretch;
-    flex-wrap: wrap;
-  }
-  
+.card-desconto {
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  align-self: stretch;
+  flex-wrap: wrap;
+}
+
+.card-list-desconto {
+  display: flex;
+  padding: var(--spacing-xl, 16px);
+  flex-direction: column;
+  align-items: flex-end;
+  gap: var(--spacing-xl, 16px);
+  flex: 1 0 0;
+  flex-wrap: wrap;
+  order: 2;
+}
+
+.content-desconto {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: var(--spacing-md, 4px);
+  align-self: stretch;
+}
+
+.text-desconto {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: var(--spacing-md, 4px);
+  align-self: stretch;
+}
+
+.title-desconto {
+  color: #333;
+  text-align: right;
+  font-family: Roboto Flex;
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 25px;
+}
+
+.description-desconto {
+  color: #666;
+  text-align: right;
+  font-family: Roboto Flex;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 25px;
+}
+
+.star-desconto {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: var(--spacing-lg, 8px);
+  align-self: stretch;
+}
+
+.pstars {
+  color: #a5a5a5;
+  text-align: right;
+  font-family: Roboto Flex;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+}
+
+.prices-desconto {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: var(--spacing-lg, 8px);
+  align-self: stretch;
+}
+
+.price-nodiscont {
+  color: #a5a5a5;
+  text-align: right;
+  font-family: Roboto Flex;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px;
+  text-decoration-line: strikethrough;
+  text-decoration: line-through;
+}
+
+.price-discont {
+  color: #f55157;
+  text-align: right;
+  font-family: Roboto Flex;
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 25px;
+}
+
+.buttons-desconto {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--spacing-lg, 8px);
+  align-self: stretch;
+}
+
+.button-like {
+  display: flex;
+  padding: var(--spacing-xl, 16px);
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-lg, 8px);
+  align-self: stretch;
+  border-radius: var(--radius-sm, 4px);
+  border: 1px solid #62d0b6;
+  background: #62d0b6;
+}
+
+.button-cart {
+  display: flex;
+  padding: var(--spacing-xl, 16px);
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-lg, 8px);
+  flex: 1 0 0;
+  border-radius: var(--radius-sm, 4px);
+  border: 1px solid #62d0b6;
+  background: #62d0b6;
+}
+
+.container-image-desconto {
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-start;
+  gap: 10px;
+  align-self: stretch;
+  position: relative;
+  order: 1;
+}
+
+.image-desconto {
+  min-width: 196px;
+  align-self: center;
+  border-radius: 0px 4px 0px 0px;
+  padding-inline: 10px;
+}
+
+/* Media query for mobile */
+@media (max-width: 767px) {
   .card-list-desconto {
-    display: flex;
-    padding: var(--spacing-xl, 16px);
-    flex-direction: column;
-    align-items: flex-end;
-    gap: var(--spacing-xl, 16px);
-    flex: 1 0 0;
-    flex-wrap: wrap;
-    order: 2;
-  }
-  
-  .content-desconto {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: var(--spacing-md, 4px);
-    align-self: stretch;
-  }
-  
-  .text-desconto {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-    gap: var(--spacing-md, 4px);
-    align-self: stretch;
+    padding: var(--spacing-md, 12px); /* Adjusted padding for mobile */
+    gap: var(--spacing-md, 12px); /* Adjusted gap for mobile */
   }
-  
-  .title-desconto {
-    color: #333;
-    text-align: right;
-    font-family: Roboto Flex;
-    font-size: 18px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 25px;
-  }
-  
-  .description-desconto {
-    color: #666;
-    text-align: right;
-    font-family: Roboto Flex;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 25px;
-  }
-  
-  .star-desconto {
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    gap: var(--spacing-lg, 8px);
-    align-self: stretch;
-  }
-  
-  .pstars {
-    color: #A5A5A5;
-    text-align: right;
-    font-family: Roboto Flex;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: normal;
-  }
-  
-  .prices-desconto {
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    gap: var(--spacing-lg, 8px);
-    align-self: stretch;
-  }
-  
-  .price-nodiscont {
-    color: #A5A5A5;
-    text-align: right;
-    font-family: Roboto Flex;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 24px;
-    text-decoration-line: strikethrough;
-    text-decoration: line-through;
-  }
-  
-  .price-discont {
-    color: #F55157;
-    text-align: right;
-    font-family: Roboto Flex;
-    font-size: 18px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: 25px;
-  }
-  
-  .buttons-desconto {
-    display: flex;
-    align-items: flex-start;
-    gap: var(--spacing-lg, 8px);
-    align-self: stretch;
-  }
-  
-  .button-like {
-    display: flex;
-    padding: var(--spacing-xl, 16px);
-    justify-content: center;
-    align-items: center;
-    gap: var(--spacing-lg, 8px);
-    align-self: stretch;
-    border-radius: var(--radius-sm, 4px);
-    border: 1px solid #62D0B6;
-    background: #62D0B6;
-  }
-  
-  .button-cart {
-    display: flex;
-    padding: var(--spacing-xl, 16px);
-    justify-content: center;
-    align-items: center;
-    gap: var(--spacing-lg, 8px);
-    flex: 1 0 0;
-    border-radius: var(--radius-sm, 4px);
-    border: 1px solid #62D0B6;
-    background: #62D0B6;
+
+  .image-desconto {
+    width: 100%; /* Image spans full width on mobile */
+    max-width: none; /* Remove max-width for mobile */
+    border-radius: 4px; /* Keep rounded corners for the image on mobile */
   }
-  
-  .container-image-desconto {
-    display: flex;
-    justify-content: flex-end;
-    align-items: flex-start;
-    gap: 10px;
-    align-self: stretch;
-    position: relative;
+}
+@media (min-width: 1199px) {
+  .card-list-desconto {
     order: 1;
   }
-  
-  .image-desconto {
-    min-width: 196px;
-    align-self: stretch;
-    border-radius: 0px 4px 0px 0px;
-  }
-  
-  /* Media query for mobile */
-  @media (max-width: 767px) {
-    .card-list-desconto {
-      padding: var(--spacing-md, 12px); /* Adjusted padding for mobile */
-      gap: var(--spacing-md, 12px); /* Adjusted gap for mobile */
-    }
-  
-    .image-desconto {
-      width: 100%; /* Image spans full width on mobile */
-      max-width: none; /* Remove max-width for mobile */
-      border-radius: 4px; /* Keep rounded corners for the image on mobile */
-    }
+  .container-image-desconto {
+    order: 2;
   }
-  @media (min-width: 1199px) {
-    .card-list-desconto{
-      order: 1;
-    }
-    .container-image-desconto{
-      order: 2;
-    }
+}
+@media (min-width: 545px) and (max-width: 628px) {
+  .card-list-desconto {
+    order: 1;
   }
-  @media (min-width: 545px) and (max-width: 628px) {
-    .card-list-desconto {
-      order: 1;
-    }
-    
-    .container-image-desconto {
-      order: 2;
-    }
+
+  .container-image-desconto {
+    order: 2;
   }
-  
\ No newline at end of file
+}
diff --git a/src/components/ContentContainer/ContentContainer.css b/src/components/ContentContainer/ContentContainer.css
index f672ad9..5a7a2c3 100644
--- a/src/components/ContentContainer/ContentContainer.css
+++ b/src/components/ContentContainer/ContentContainer.css
@@ -17,7 +17,7 @@
 
 .leftContent {
   display: flex;
-  height: 651px;
+  height: 751px;
   flex-direction: column;
   justify-content: space-between;
   align-items: flex-start;
@@ -124,6 +124,7 @@
   position: relative;
   border-radius: var(--radius-sm, 4px);
   border: 1px solid #EEE;
+  padding: 50px;
 }
 
 .productImage {
diff --git a/src/components/Desconto/index.jsx b/src/components/Desconto/index.jsx
index 3f5e0a0..48ffebb 100644
--- a/src/components/Desconto/index.jsx
+++ b/src/components/Desconto/index.jsx
@@ -3,7 +3,7 @@ import { dataPromocao } from './../../data/dataPomocao';
 import './styles.css'
 export function Desconto(){
     return(
-        <div className='desconto-container distance'>
+        <div className='desconto-container'>
                 <h1 className='title-section'>Ofertas terminando em breve</h1>
             <div className='list-card-desconto'>
             {dataPromocao.map((card, index) => (
diff --git a/src/components/Desconto/styles.css b/src/components/Desconto/styles.css
index 13d3ed4..a9638b9 100644
--- a/src/components/Desconto/styles.css
+++ b/src/components/Desconto/styles.css
@@ -1,9 +1,12 @@
 .desconto-container{
     display: flex;
-    padding: var(--spacing-6-xl, 56px) 0px;
     flex-direction: column;
     align-items: flex-end;
     gap: var(--spacing-3-xl, 32px);
+    width: 100%;
+    margin: 0 auto;
+    max-width: 80%;
+    padding: 56px 8px 8px 8px;
 }
 .list-card-desconto{
     display: flex;
diff --git a/src/components/Destaque/style.css b/src/components/Destaque/style.css
index ec244c5..2867dcf 100644
--- a/src/components/Destaque/style.css
+++ b/src/components/Destaque/style.css
@@ -9,12 +9,16 @@
   background: var(--bg-primary);
 }
 
-.container-card-destaque > :first-child {
-    border-right: 1px solid var(--border-product, #EEEEEE);
-}
+@media screen and (min-width: 768px) {
+  .container-card-destaque > :first-child {
+    border-right: 1px solid var(--border-product, #eeeeee);
+    padding-inline: 5%;
+  }
 
-.container-card-destaque > :last-child {
-    border-left: 1px solid var(--border-product, #EEEEEE);
+  .container-card-destaque > :last-child {
+    border-left: 1px solid var(--border-product, #eeeeee);
+    padding-inline: 5%;
+  }
 }
 
 @media screen and (max-width: 768px) {
diff --git a/src/components/Footer/style.css b/src/components/Footer/style.css
index 36f8e7d..762560c 100644
--- a/src/components/Footer/style.css
+++ b/src/components/Footer/style.css
@@ -1,328 +1,328 @@
 .footer-top {
-    display: flex;
-    /* width: 1600px; */
-    /*height: 133px;*/
-    padding: var(--spacing-2-xl, 24px) 200px;
-    justify-content: center;
-    align-items: center;
-    gap: var(--spacing-2-xl, 24px);
-    flex-shrink: 0;
-    border-radius: 2px;
-    background: #F8F8F8;
-
+  display: flex;
+  /* width: 1600px; */
+  /*height: 133px;*/
+  padding: var(--spacing-2-xl, 24px) 200px;
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-2-xl, 24px);
+  flex-shrink: 0;
+  border-radius: 2px;
+  background: #f8f8f8;
 }
 
 .footer-top-card-apps {
-    display: flex;
-    padding: 1px 0px var(--spacing-sm, 2px) 0px;
-    flex-direction: column;
-    align-items: flex-end;
-    gap: var(--spacing-xl, 16px);
+  display: flex;
+  padding: 1px 0px var(--spacing-sm, 2px) 0px;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: var(--spacing-xl, 16px);
 }
 
 .footer-title-apps {
-    color: #333;
-    text-align: right;
-    font-family: Roboto;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: normal;
+  color: #333;
+  text-align: right;
+  font-family: Roboto;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
 }
 
 .footer-apps-box {
-    display: flex;
-    height: 42px;
-    align-items: flex-start;
-    gap: var(--spacing-lg, 8px);
-    align-self: stretch;
+  display: flex;
+  height: 42px;
+  align-items: flex-start;
+  gap: var(--spacing-lg, 8px);
+  align-self: stretch;
 }
 
 .footer-top-card-subscribe {
-    display: flex;
-    padding: 1px 0px var(--spacing-sm, 2px) 0px;
-    justify-content: flex-end;
-    align-items: center;
-    gap: var(--spacing-2-xl, 24px);
-    flex: 1 0 0;
-
+  display: flex;
+  padding: 1px 0px var(--spacing-sm, 2px) 0px;
+  justify-content: flex-end;
+  align-items: center;
+  gap: var(--spacing-2-xl, 24px);
+  flex: 1 0 0;
 }
 
-
 .footer-title-subscribe {
-    align-self: stretch;
-    color: #333;
-    text-align: right;
-    font-family: Roboto Flex;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: normal;
+  align-self: stretch;
+  color: #333;
+  text-align: right;
+  font-family: Roboto Flex;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
 }
 
 .footer-button-subscribe {
-    display: flex;
-    width: 90px;
-    padding: var(--spacing-lg, 8px) var(--spacing-xl, 16px);
-    justify-content: center;
-    align-items: center;
-    gap: var(--spacing-lg, 8px);
-    align-self: stretch;
-    border-radius: var(--radius-sm, 4px);
-    border: 1px solid #62D0B6;
-    background: #62D0B6;
-    color: #FFF;
-    text-align: right;
-    font-family: Roboto;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 500;
-    line-height: normal;
+  display: flex;
+  width: 90px;
+  padding: var(--spacing-lg, 8px) var(--spacing-xl, 16px);
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-lg, 8px);
+  align-self: stretch;
+  border-radius: var(--radius-sm, 4px);
+  border: 1px solid #62d0b6;
+  background: #62d0b6;
+  color: #fff;
+  text-align: right;
+  font-family: Roboto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+  cursor: pointer;
 }
 
+.footer-button-subscribe:hover {
+  background-color: #81D9C5;
+  color: var(--primary);
+}
 
 .footer-top-card-email {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: flex-end;
-    gap: var(--spacing-xl, 16px);
-    flex: 1 0 0;
-    align-self: stretch;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-end;
+  gap: var(--spacing-xl, 16px);
+  flex: 1 0 0;
+  align-self: stretch;
 }
 
 .footer-top-card-input {
-    display: flex;
-    padding: 10px var(--spacing-xl, 16px) 12px var(--spacing-xl, 16px);
-    justify-content: flex-end;
-    align-items: center;
-    gap: 10px;
-    flex: 1 0 0;
-    align-self: stretch;
-    border-radius: var(--radius-sm, 4px);
-    border: 1px solid #EEE;
-    background: #FFF;
+  display: flex;
+  padding: 10px var(--spacing-xl, 16px) 12px var(--spacing-xl, 16px);
+  justify-content: flex-end;
+  align-items: center;
+  gap: 10px;
+  flex: 1 0 0;
+  align-self: stretch;
+  border-radius: var(--radius-sm, 4px);
+  border: 1px solid #eee;
+  background: #fff;
 }
 
 .footer-email-box {
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    gap: var(--spacing-lg, 8px);
-    align-self: stretch;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: var(--spacing-lg, 8px);
+  align-self: stretch;
 }
 
 .footer-newsletter-cardbox {
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    gap: var(--spacing-xl, 16px);
-    align-self: stretch;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: var(--spacing-xl, 16px);
+  align-self: stretch;
 }
 
 .footer-newsletter-box {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-    gap: var(--spacing-md, 4px);
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: var(--spacing-md, 4px);
 }
 
 .footer-newsletter-title {
-    color: #333;
-    text-align: right;
-    font-family: Roboto Flex;
-    font-size: 20px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 30px;
+  color: #333;
+  text-align: right;
+  font-family: Roboto Flex;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 30px;
 }
 
 .footer-newsletter-desc {
-    color: #666;
-    text-align: right;
-    font-family: Roboto Flex;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: normal;
+  color: #666;
+  text-align: right;
+  font-family: Roboto Flex;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
 }
 
 .footer-newsletter-icon {
-    display: flex;
-    padding: var(--spacing-xl, 16px);
-    justify-content: center;
-    align-items: center;
-    gap: 10px;
-    border-radius: 50px;
-    background: rgba(214, 248, 240, 0.50);
+  display: flex;
+  padding: var(--spacing-xl, 16px);
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  border-radius: 50px;
+  background: rgba(214, 248, 240, 0.5);
 }
 
-
 .footer-top-card-input::placeholder {
-    color: #A5A5A5;
-    text-align: right;
-    font-family: Roboto Flex;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: normal;
-
+  color: #a5a5a5;
+  text-align: right;
+  font-family: Roboto Flex;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
 }
 
 .footer-down {
+  display: flex;
+  /*width: 1600px;*/
+  height: 65.416px;
+  height: 40px;
+  padding: var(--spacing-xl, 16px) 200px;
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-2-xl, 24px);
+  flex-shrink: 0;
+  background: #1d1f1f;
+}
+
+.footer-down-payment {
+  display: flex;
+  justify-content: flex-end;
+  align-items: flex-start;
+  gap: var(--spacing-lg, 8px);
+}
+
+.footer-down-payment-wrapper {
+  display: flex;
+  width: 60px;
+  height: 31px;
+  height: 15px;
+  padding: 10px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  border-radius: 2px;
+  background: #fff;
+}
+
+.footer-down-copyright {
+  flex: 1 0 0;
+  color: #fff;
+  text-align: right;
+  font-family: Roboto Flex;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+}
+
+@media screen and (max-width: 1244px) {
+  .footer-top {
     display: flex;
-    /*width: 1600px;*/
-    height: 65.416px;
-    height: 40px;
-    padding: var(--spacing-xl, 16px) 200px;
+    padding: var(--spacing-3-xl, 32px) var(--spacing-xl, 16px);
+    flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: var(--spacing-2-xl, 24px);
-    flex-shrink: 0;
-    background: #1D1F1F;
-}
+    align-self: stretch;
+  }
 
-.footer-down-payment {
+  .footer-top-card-subscribe {
     display: flex;
-    justify-content: flex-end;
-    align-items: flex-start;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-end;
+    gap: var(--spacing-xl, 16px);
+    align-self: stretch;
+  }
+
+  .footer-newsletter-cardbox {
+    display: flex;
+    order: 1;
+    align-items: center;
+    gap: var(--spacing-xl, 16px);
+    align-self: stretch;
+  }
+
+  .footer-newsletter-box {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+    gap: var(--spacing-md, 4px);
+    flex: 1 0 0;
+  }
+
+  .footer-top-card-email {
+    display: flex;
+    flex-direction: column;
+    order: 2;
+    justify-content: center;
+    align-items: flex-end;
+    gap: var(--spacing-xl, 16px);
+    align-self: stretch;
+  }
+
+  .footer-newsletter-title {
+    align-self: stretch;
+    text-align: right;
+    font-size: 16px;
+  }
+
+  .footer-top-card-apps {
+    display: flex;
+    order: 3;
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-end;
     gap: var(--spacing-lg, 8px);
-}
+    align-self: stretch;
+  }
 
-.footer-down-payment-wrapper {
+  .footer-apps-box {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    gap: 10px;
+  }
+
+  .footer-down {
+    display: flex;
+    padding: var(--spacing-xl, 16px);
+    flex-direction: column;
+    justify-content: center;
+    align-items: flex-end;
+    gap: var(--spacing-xl, 16px);
+    align-self: stretch;
+    background: #1d1f1f;
+  }
+
+  .footer-down-payment {
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-end;
+  }
+
+  .footer-down-payment-wrapper {
     display: flex;
     width: 60px;
-     height: 31px;
     height: 15px;
     padding: 10px;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     gap: 10px;
+    flex-shrink: 0;
     border-radius: 2px;
-    background: #FFF;
-}
+    background: #fff;
+  }
 
-.footer-down-copyright {
-    flex: 1 0 0;
-    color: #FFF;
-    text-align: right;
-    font-family: Roboto Flex;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: normal;
-}
+  .footer-down-payment-icon {
+    flex-shrink: 0;
+  }
 
-@media screen and (max-width: 1244px) {
-    .footer-top {
-        display: flex;
-        padding: var(--spacing-3-xl, 32px) var(--spacing-xl, 16px);
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        gap: var(--spacing-2-xl, 24px);
-        align-self: stretch;
-    }
-
-    .footer-top-card-subscribe {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: flex-end;
-        gap: var(--spacing-xl, 16px);
-        align-self: stretch;
-    }
-
-    .footer-newsletter-cardbox {
-        display: flex;
-        order: 1;
-        align-items: center;
-        gap: var(--spacing-xl, 16px);
-        align-self: stretch;
-    }
-
-    .footer-newsletter-box {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-end;
-        gap: var(--spacing-md, 4px);
-        flex: 1 0 0;
-    }
-
-    .footer-top-card-email {
-        display: flex;
-        flex-direction: column;
-        order: 2;
-        justify-content: center;
-        align-items: flex-end;
-        gap: var(--spacing-xl, 16px);
-        align-self: stretch;
-    }
-
-    .footer-newsletter-title {
-        align-self: stretch;
-        text-align: right;
-        font-size: 16px;
-    }
-
-    .footer-top-card-apps {
-        display: flex;
-        order: 3;
-        flex-direction: column;
-        justify-content: center;
-        align-items: flex-end;
-        gap: var(--spacing-lg, 8px);
-        align-self: stretch;
-    }
-
-    .footer-apps-box {
-        display: flex;
-        justify-content: flex-end;
-        align-items: center;
-        gap: 10px;
-    }
-
-    .footer-down {
-        display: flex;
-        padding: var(--spacing-xl, 16px);
-        flex-direction: column;
-        justify-content: center;
-        align-items: flex-end;
-        gap: var(--spacing-xl, 16px);
-        align-self: stretch;
-        background: #1D1F1F;
-    }
-
-    .footer-down-payment {
-        flex-direction: row;
-        align-items: center;
-        justify-content: flex-end;
-    }
-
-    .footer-down-payment-wrapper {
-        display: flex;
-        width: 60px;
-        height: 15px;
-        padding: 10px;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        gap: 10px;
-        flex-shrink: 0;
-        border-radius: 2px;
-        background: #FFF;
-    }
-
-    .footer-down-payment-icon {
-        flex-shrink: 0;
-    }
-
-    .footer-down-copyright {
-        display: flex;
-        justify-content: flex-end;
-        align-items: center;
-        gap: var(--spacing-lg, 8px);
-        align-self: stretch;
-    }
-}
\ No newline at end of file
+  .footer-down-copyright {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    gap: var(--spacing-lg, 8px);
+    align-self: stretch;
+  }
+}
diff --git a/src/components/LowerBanner/style.css b/src/components/LowerBanner/style.css
index 9207b23..70239d3 100644
--- a/src/components/LowerBanner/style.css
+++ b/src/components/LowerBanner/style.css
@@ -77,8 +77,14 @@
     font-style: normal;
     font-weight: 400;
     line-height: 24px;
+    cursor: pointer;
 }
 
+.lower-banner-button:hover {
+    background-color: #81D9C5;
+    color: var(--primary);
+  }
+
 @media screen and (max-width: 1646px) {
     .lower-banner-text-card {
         display: flex;
diff --git a/src/components/ProductsContainer/Container.css b/src/components/ProductsContainer/Container.css
index 6ffe284..7435e58 100644
--- a/src/components/ProductsContainer/Container.css
+++ b/src/components/ProductsContainer/Container.css
@@ -31,6 +31,7 @@
   align-self: stretch;
   border-radius: 4px 4px 0px 0px;
   min-height: 250px;
+  padding-top: 20px;
 }
 
 .listContainer {
diff --git a/src/pages/Products/ProductsPage.css b/src/pages/Products/ProductsPage.css
index 83a676e..8cb45e7 100644
--- a/src/pages/Products/ProductsPage.css
+++ b/src/pages/Products/ProductsPage.css
@@ -10,7 +10,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: 20px;
+  padding: 0px 20px 0px 20px;
 }
 
 /* Estilos para o conteúdo de carregamento */