/**
 * SubliminalMart - Product Card Add to Cart
 * File: shop/mobile/mobile-style/components/addtocart.css
 */


/* Add to Cart area */
.sm-product-action{
  width:100%!important;
  margin:12px 0 0!important;
  padding:0!important;
  box-sizing:border-box!important;
}


/* Gold Edge Add to Cart button */
.sm-product-action .button,
.sm-product-action a.button{
  position:relative!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:100%!important;
  height:40px!important;
  min-height:40px!important;

  margin:0!important;
  padding:0 10px!important;

  box-sizing:border-box!important;

  border:1px solid #C49A1A!important;
  border-radius:5px!important;

  background:#111111!important;
  color:#FFFFFF!important;

  font-family:"Montserrat",sans-serif!important;
  font-size:9px!important;
  font-weight:800!important;

  line-height:40px!important;
  letter-spacing:.35px!important;

  text-align:center!important;
  text-transform:uppercase!important;
  text-decoration:none!important;

  white-space:nowrap!important;
  vertical-align:middle!important;

  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease,
    transform .15s ease!important;
}


/* Hover */
.sm-product-action .button:hover,
.sm-product-action a.button:hover{
  background:#C49A1A!important;
  border-color:#C49A1A!important;
  color:#111111!important;
}


/* Press */
.sm-product-action .button:active,
.sm-product-action a.button:active{
  transform:translateY(1px)!important;
}


/* Keyboard focus */
.sm-product-action .button:focus-visible,
.sm-product-action a.button:focus-visible{
  outline:2px solid #C49A1A!important;
  outline-offset:2px!important;
}


/* Loading state */
.sm-product-action .button.loading{
  opacity:.75!important;
}


/* Added state */
.sm-product-action .button.added{
  background:#111111!important;
  border-color:#C49A1A!important;
  color:#FFFFFF!important;
}


/* View Cart link */
.sm-product-action .added_to_cart{
  display:block!important;

  margin:5px 0 0!important;
  padding:0!important;

  font-family:"Montserrat",sans-serif!important;
  font-size:8px!important;
  font-weight:700!important;
  line-height:1!important;

  color:#111111!important;
  text-align:center!important;
  text-decoration:underline!important;
}