<div class="custom-slider mini-basket popover-mini-basket d-none">
  <div class="custom-slider__wrap">
    <div class="custom-slider__header">
      <span class="custom-slider__count">Your basket</span>
      <button type="button" class="icon-wrap close-popup">
        <i class="far fa-times icon"></i>
      </button>
    </div>
    <div class="custom-slider__notifications"></div>
    <div class="products popover-mini-basket__cards-holder"></div>
  </div>
  <div class="custom-slider__footer footer-fixed">
    <div class="mini-basket__total">
      <button class="btn mini-basket__total-toggle collapsed" type="button" data-toggle="collapse" data-target="#checkout-details-accordion-3" aria-expanded="false" aria-controls="checkout-details-accordion-3">
          <span class="mini-basket__wrap-total">
            <span class="icon-wrap">
              <i class="fas fa-chevron-down arrow-icon"></i>
            </span>
            <span class="text">Total:</span>
          </span>
        <span class="mini-basket__total-toggle-value"></span>
      </button>

      <div class="checkout-widget checkout-widget_order-summary">
        <ul class="checkout-widget__details checkout-info-wrap collapse" id="checkout-details-accordion-3">
          <li class="checkout-widget__accordion-wrap checkout-widget__details-discount" style="display: none">
            <span class="checkout-widget__detail-name checkout-widget__detail-name_accordion collapsed" data-toggle="collapse" data-target="#acheckout-widget-accordion-3">
              Discount(s):
              <span class="icon accordion__header-icon-small">
                <i class="fas fa-angle-up"></i>
              </span>
            </span>
            <ul class="checkout-widget__details-hidden collapse" id="acheckout-widget-accordion-3"></ul>
            <span class="checkout-widget__detail-value checkout-widget__item-value">£0.00</span>
          </li>
        </ul>
      </div>
    </div>
    <div class="custom-slider__ctas">
      <a href="/cart" class="btn btn_full btn-secondary btn-view-basket-cta">View Basket</a>
      <a id="addToCartPopupCheckoutButton" href="/cart/checkout" class="btn btn-action btn_full btn-checkout">
        Checkout
        <span class="icon-wrap ml-2">
          <i class="fas fa-arrow-right"></i>
        </span>
      </a>
    </div>
  </div>

  <div class="loader-wrapper basket-loader d-none">
    <div class="loader-spinner">
      <svg class="circular-loader" viewBox="25 25 50 50">
        <circle class="loader-path" cx="50" cy="50" r="20" fill="none"></circle>
      </svg>
    </div>
    <h2>Updating basket…</h2>
  </div>
</div>
