Woocommerce sliding cart button

<!-- wp:paragraph -->
<p>This block is analog of Cart button block of woocommerce.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>It renders a special block (better to use in the header) where the user can see a number of items in the cart. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Click on the cart button will open the sliding panel. You can also enable the sliding panel to open on every "add to cart" click on the site. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Additionally, this block has the option to attach free shipping and Quantity inputs</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4620,"width":233,"height":512,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2023/05/shipping-466x1024.png" alt="" class="wp-image-4620" width="233" height="512"/></figure>
<!-- /wp:image -->

<!-- wp:paragraph -->
<p>You can style block with your design in header, it can be formated as button or as text. All values are synchronized with cart of site in live mode.</p>
<!-- /wp:paragraph -->

<!-- wp:image {"id":4621,"width":768,"height":90,"sizeSlug":"large","linkDestination":"none"} -->
<figure class="wp-block-image size-large is-resized"><img src="https://greenshiftwp.com/wp-content/uploads/2023/05/textbutton-1024x120.png" alt="" class="wp-image-4621" width="768" height="90"/></figure>
<!-- /wp:image -->