.cart-drawer {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  max-width: 400px;
  background-color: #fff;
  transform: translateX(100%);
  transition: transform 0.75s ease;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.05);
  overflow-y: hidden;
  z-index: 99;
}

#gift-note {
  font-size: 14px;
  text-transform: uppercase !important;
  &::placeholder {
    text-transform: uppercase !important;
  }
}

.cart-items {
  overflow-y: auto;
  padding-bottom: 150px;
}

.cart--background {
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.2);
  transition: opacity 0.5s ease;
  pointer-events: none;
  cursor: pointer;
  z-index: 98;
}

body.cart-open {
  .cart-drawer {
    transform: translateX(0);
  }
  .cart--background {
    opacity: 1;
    pointer-events: auto;
  }
}

.cart-footer {
  background-color: #f9f9f9;
  position: fixed;
  width: 100%;
  bottom: 0px;
  left: 0px;
}

.cart-footer .button.alt {
  padding: 15px 20px;
  font-size: 14px;
}