{# DESKTOP #}
<aside class="basket-aside meli-width-30 bgc-lightGreen"
id="js-read-basket-aside">
<div class="meli-end-center">
<span class="close txt-roboto txt-white txt-size25 bgc-orange meli-center-center"
id="js-sewing-basket-close-btn">
<span>X</span>
</span>
</div>
<div class="products-box" id="js-read-basket-list-box">
{% include "front-office/partials/sewing/_basket_item.html.twig" %}
</div>
<div class="line-blue"></div>
<div class="button-box meli-center-center">
<a href="{{ path('basket') }}">
<button class="btn-base bgc-green">
<span>Accéder au panier</span>
</button>
</a>
</div>
</aside>
{# REPONSIVE #}
<div class="resp-basket-aside meli-center-center" id="js-resp-sewing-read-basket">
<div class="content meli-section-80 bgc-lightGreen">
<p class="label txt-size20 txt-century txt-center txt-white txt-bold">Le produit a bien été ajouté au panier</p>
<div class="meli-center-center">
<a href="{{ path('basket') }}">
<button class="btn-base bgc-red"><span>Valider le panier</span></button>
</a>
</div>
<div class="meli-center-center" id="js-resp-sewing-read-basket-close-btn">
<button class="btn-base bgc-green"><span>Continuer mes achats</span></button>
</div>
</div>
</div>