fix: refactor css

web/templates/components/cart/add_to_cart.html

@@ -4,14 +4,9 @@
   <input type="hidden" name="product" value="{{ product.pk }}">
 
   <div class="flex">
-  <input class="bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-primary-600
-                focus:border-primary-600 block p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400
-                dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500 mr-4"
+  <input class="input-number"
          id="quantity" aria-label="quantity" type="number" min="1" max="10" name="quantity" value="1">
-  <button class="w-full flex justify-center rounded-lg bg-primary-700 px-5 py-2.5
-                 text-sm font-medium text-white hover:bg-primary-800 focus:outline-none focus:ring-4
-                 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800
-                 content-center items-center cursor-pointer"
+  <button class="button-primary"
   >
     {% include 'components/icons/add_cart.svg' %}
     {% translate 'Añadir al carrito' %}

web/templates/components/cart/cart_navbar.html

@@ -62,9 +62,7 @@
 
     {% if cart.items.count > 0 %}
     <a href="{% url 'web:cart_detail' %}"
-       class="mb-2 me-2 inline-flex w-full items-center justify-center rounded-lg bg-primary-700 px-5 py-2.5 text-sm
-              font-medium text-white hover:bg-primary-800 focus:outline-none focus:ring-4 focus:ring-primary-300
-              dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800"
+       class="button-primary"
        role="button"> {% translate 'Ver carrito' %}
     </a>
     {% endif %}