.cart-checkout-bar {
  position: fixed;
  left: 0;
  top: var(--cart-checkout-bar-top, 0px);
  width: 100vw;
  z-index: 2;
  padding: 1rem 0;
  background-color: var(--modals-background);
  border-bottom: solid 1pt #EFEFEF;
  transform: translateY(calc(-100% - var(--cart-checkout-bar-top, 0px)));
  transition: transform 0.3s ease-in-out;
}
.cart-checkout-bar.show {
  transform: translateY(0);
}

@media only screen and (min-width: 768px) {
  .cart-checkout-bar {
    display: none;
  }
}