// @import "@css[shared]/components/_buy_count";

.buy-count-wrapper {
   display: flex;
   flex-shrink: 0;
   width: 100px;
   padding-right: 2px;

   .form-control {
      padding-right: 0;
      padding-left: 0;
      text-align: center;
      width: 58px;
   }
}

.buy_count {
   display: flex;
   flex-direction: column;
   width: 100%;

   .fc {
      @include btn-reset;

      height: 50%;

      @include haf {
         opacity: .6;
         cursor: pointer;
      }
   }

   .plus::before {
      content: $icons_caret-up;
   }

   .minus::before {
      content: $icons_caret-down;
   }
}
