.product-quantity {
  &.inline {
    margin-left: -4px;
    display: inline-block;
    .advance {
      button {
        padding: 0px;
        margin: 0px;
        background: white;
        color: $input-border-color;
        border: solid 2px $input-border-color;
        border-radius: $product-amount-icon-height;
        width: $product-amount-icon-height;
        height: $product-amount-icon-height;
        text-align: center;
        &:hover {
          border: solid 2px $primary;
        }
        &:focus {
          border: solid 2px $input-border-color;
        }
        .fa-icon {
          width: auto;
          height: $product-amount-icon-height;
          min-width: 100%;
          min-height: 100%;
          margin-right: $product-amount-icon-height / 6;
          vertical-align: middle;
          display: inline-block;
          margin-left: -2px;
          margin-top: -2px;
        }
        &:active {
          @include color-from-animation('product-quantity-active', .2, $primary, $input-border-color);
        }
      }
      .quantity-input {
        display: inline-block;
        width: $product-amount-input-width;
        height: $product-amount-icon-height;
        text-align: center;
        vertical-align: middle;
        border-width: $product-amount-input-border-size;
        border-color: $border-color;
        border-style: solid;
        &.is-adding {
          @include border-draw-infinite('product-quantity-adding', rgba($primary, 0.6), $product-amount-input-border-size);
        }
        .form-control {
          display: block;
          border: none;
          height: $product-amount-icon-height - ($product-amount-input-border-size * 2);
          text-align: center;
        }
      }
    }
  }
  .simple {
    button {
      &.remove-btn {
        border-color: $gray-500 !important;
        color: $gray-500 !important;
        &:hover {
          background-color: $gray-100 !important;
        }
      }
    }
  }
}
