@import "variables";
.field-incrementnumber {
  margin: auto;
  .counter-minus {
    width: 45px;
    float: left;
    padding: 10px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    transition: 250ms all ease-in-out;
    background-color: #333333!important;
    outline: none;
    &:active {
      outline: none;
    }
    &:hover {
      background-color: #000000!important;
      color:#FFFFFF;
    }
  }
  .counter-plus {
    width: 45px;
    padding: 10px;
    float: left;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    transition: 250ms all ease-in-out;
    background-color: #C88570!important;
    outline: none;
    &:hover {
      background-color: #ba664b!important;
      color:#FFFFFF;
    }
    &:active {
      outline: none;
    }
  }
  .increment-number {
    height: 42px;
    width: 60px;
    float: left;
  }
}
