.wc-donation-amount {
	margin-bottom: 20px;
}
.wc-donation-amount input {
	max-width: 120px;
}
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  border: 2px solid #ddd;
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.wc-donation-amount button {
  outline: none;
    -webkit-appearance: none;
    background-color: transparent;
    /* border: none; */
    border-color: #015e00fc;
    align-items: center;
    /* box-shadow: 0 2px 12px #015e00; */
    justify-content: center;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    margin: 0;
    position: relative;
}

.wc-donation-amount button:before,
.wc-donation-amount button:after {
  display: flex;
  position: absolute;
  content: '';
  width: 1rem;
  height: 2px;
  background-color: #212121;
  transform: translate(-50%, -50%);
}
.wc-donation-amount button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.wc-donation-amount input[type=number] {
  font-family: sans-serif;
  max-width: 5rem;
  padding: .5rem;
  border: solid #ddd;
  border-width: 0 2px;
  font-size: 2rem;
  height: 3rem;
  font-weight: bold;
  text-align: center;
}