.number-input {
  display: inline-block;

  .btn-operation {
    display: inline-flex;
    border-radius: 50%;
    border: solid 0.5px #dee2ee;
    background-color: #ffffff;
    padding: 8px;
    color: #0064d2;
    cursor: pointer;

    &.disabled {
      cursor: not-allowed;
      color: #c6cbda;
    }
  }

  .txt-value {
    display: inline-block;
    padding: 0 16px;
    font-size: 14px;
  }

  &.border {
    border-radius: 4px;
    border: solid 0.5px #c6cbda;

    .btn-operation {
      border: none;
      border-radius: 0;
      background-color: transparent;
      padding: 17px 9px;
      border-right: 1px solid #c6cbda;

      &:last-child {
        border-right: none;
        border-left: 1px solid #c6cbda;
      }
    }

    .txt-value {
      width: 58.5px;
      padding: 0;
      text-align: center;
      font-size: 16px;
    }
  }
}