.updown__input {
  background: #ffffff;
  border: 1px solid #d0d5dd;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 8px;
  height: 44px;
  width: 76px;
  padding: 0 1rem;
  text-align: center;
  margin: 0;
}

.updown__up,
.updown__down {
  text-indent: 200%;
  overflow: hidden;

  height: 44px;
  width: 44px;

  background: #eaecf0;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
  border-radius: 8px;
  position: relative;
  &::before {
    content: "➕";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 16px;
    width: 16px;
    background: currentColor;
    display: block;
    clip-path: path(
      "M7.4668 0C7.90862 0 8.2666 0.357977 8.2666 0.799805V6.66699H14.1328C14.5746 6.66699 14.9336 7.02497 14.9336 7.4668C14.9336 7.90862 14.5746 8.2666 14.1328 8.2666H8.2666V14.1328C8.2666 14.5746 7.90862 14.9336 7.4668 14.9336C7.02497 14.9336 6.66699 14.5746 6.66699 14.1328V8.2666H0.799805C0.357977 8.2666 0 7.90862 0 7.4668C0 7.02497 0.357977 6.66699 0.799805 6.66699H6.66699V0.799805C6.66699 0.357977 7.02497 0 7.4668 0Z"
    );
  }
}

.updown__down::before {
  content: "➖";
  clip-path: path(
    "M14.1963 7.2002C14.638 7.20038 14.9961 7.55829 14.9961 8C14.9961 8.44171 14.638 8.79962 14.1963 8.7998H0.803711C0.361883 8.7998 0.00390625 8.44183 0.00390625 8C0.00390625 7.55817 0.361883 7.2002 0.803711 7.2002H14.1963Z"
  );
}