.product-sticky-atc {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 15;
  padding-bottom: env(safe-area-inset-bottom);
  background-color: var(--color-7);
  border-top: 1px solid var(--color-3);
  transform: translateY(100%);
  visibility: hidden;
  transition: transform 300ms ease, visibility 300ms ease;
}

.product-sticky-atc.state--active {
  transform: translateY(0);
  visibility: visible;
}