/* Remix Pack hero button:
   cart icon before adding, actual IN CART text after adding. */

html body.remix-pack-page .pack-hero .pack-banner-cart-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}

html body.remix-pack-page .pack-hero .pack-banner-cart-btn::before,
html body.remix-pack-page .pack-hero .pack-banner-cart-btn::after{
  content:none!important;
  display:none!important;
}

html body.remix-pack-page .pack-hero .pack-banner-cart-btn .ap-ico-plus{
  display:none!important;
}

html body.remix-pack-page .pack-hero .pack-banner-cart-btn.in-cart,
html body.remix-pack-page .pack-hero .pack-banner-cart-btn.is-added{
  width:auto!important;
  min-width:76px!important;
  height:40px!important;
  padding:0 12px!important;
  background:#676d80!important;
  color:#fff!important;
  border:0!important;
  border-radius:4px!important;
}

html body.remix-pack-page .pack-hero .pack-banner-cart-btn.in-cart > svg,
html body.remix-pack-page .pack-hero .pack-banner-cart-btn.is-added > svg{
  display:none!important;
}

html body.remix-pack-page .pack-hero .pack-cart-state-text{
  display:inline-block!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

@media (max-width:720px){
  html body.remix-pack-page .pack-hero > div:last-child > .pack-banner-cart-btn.in-cart,
  html body.remix-pack-page .pack-hero > div:last-child > .pack-banner-cart-btn.is-added{
    width:auto!important;
    min-width:76px!important;
    max-width:none!important;
    height:40px!important;
    padding:0 12px!important;
    background:#676d80!important;
  }

  html body.remix-pack-page .pack-hero > div:last-child > .pack-banner-cart-btn.in-cart .pack-cart-state-text,
  html body.remix-pack-page .pack-hero > div:last-child > .pack-banner-cart-btn.is-added .pack-cart-state-text{
    display:inline-block!important;
  }
}