fix: refactor css

web/templates/components/cart/cart_navbar.html

@@ -3,7 +3,7 @@
         hx-on:click="htmx.toggleClass(htmx.find('#myCartDropdown1'), 'hidden'); htmx.addClass(htmx.find('#userDropdown1'), 'hidden')"
         id="myCartDropdownButton1"
         data-dropdown-toggle="myCartDropdown1" type="button"
-        class="inline-flex items-center rounded-lg justify-center p-4 hover:bg-gray-100 dark:hover:bg-gray-700 text-sm font-medium leading-none text-gray-900 dark:text-white cursor-pointer">
+        class="icon-button">
     {% include 'components/icons/cart.svg' %}
     <span class="hidden sm:flex">
     {% translate 'Carrito' %}</span>
@@ -12,8 +12,7 @@
 
 <!-- Cart -->
 <div id="myCartDropdown1"
-     class="absolute top-12 z-10 w-68 divide-y divide-gray-100 overflow-hidden overflow-y-auto rounded-lg bg-white
-     antialiased shadow dark:divide-gray-600 dark:bg-gray-700 right-0 p-4 hidden"
+     class="cart-navbar-floating hidden"
 >
     <div>
         {% if cart.items.count == 0 %}