From 9edcab5bf488ac352a7da6e4d057d81af245df77 Mon Sep 17 00:00:00 2001
From: Bernardo Fernandez Teixeira <bernafernandez@x@gmail.com>
Date: Mon, 8 Jul 2024 10:39:22 -0300
Subject: [PATCH] fix: 'add-to-cart' button does not fit the screen

---
 cardapio/style.css | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/cardapio/style.css b/cardapio/style.css
index 958a3ca..b7826d7 100644
--- a/cardapio/style.css
+++ b/cardapio/style.css
@@ -164,7 +164,6 @@ button {
   padding: 10px 20px;
   border-radius: 5px;
   cursor: pointer;
-  animation: pulse 1s infinite;
 }
 
 @keyframes pulse {
@@ -304,6 +303,19 @@ button {
   font-size: 16px;
   cursor: pointer;
   margin: 5px;
+  animation: pulse 1s ease-in-out forwards;
+  transition: background-color 0.5s ease, transform 0.5s ease;
+  white-space: nowrap;
+}
+/* Estilos específicos para a versão mobile */
+@media (max-width: 320px) {
+  .menu-item-heading {
+    flex-direction: column;
+  }
+}
+
+.add-to-cart-btn:hover {
+  transform: scale(1.1);
 }
 
 /* Estilo para a aba lateral */