/* =========================================
   ASTRO PURCHASE UI V2
   ========================================= */

.astro-purchase-primary,
.astro-cart-emphasis{
  opacity:1 !important;
  color:#fff !important;

  background:
    linear-gradient(
      135deg,
      #ff3d8d 0%,
      #dc3dba 45%,
      #7657ed 100%
    ) !important;

  border:
    1px solid rgba(255,255,255,.32) !important;

  box-shadow:
    0 10px 26px rgba(178,61,186,.28),
    inset 0 1px 0 rgba(255,255,255,.26) !important;

  font-weight:850 !important;
  text-shadow:
    0 1px 1px rgba(55,30,90,.16) !important;

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    filter .18s ease !important;
}


.astro-purchase-primary:hover,
.astro-cart-emphasis:hover{
  transform:translateY(-2px) !important;

  filter:
    saturate(1.08)
    brightness(1.03) !important;

  box-shadow:
    0 14px 32px rgba(163,61,196,.35),
    inset 0 1px 0 rgba(255,255,255,.3) !important;
}


.astro-purchase-primary:active,
.astro-cart-emphasis:active{
  transform:translateY(0) scale(.985) !important;
}


/*
 * На случай если старые стили задают бледность
 * через span / b внутри кнопки.
 */
.astro-purchase-primary *,
.astro-cart-emphasis *{
  color:#fff !important;
  opacity:1 !important;
}


@media(max-width:600px){

  .astro-purchase-primary,
  .astro-cart-emphasis{
    min-height:46px !important;
    font-size:14px !important;
  }

}