input, button, select, textarea {
  display: block;
  margin: 10px;
  padding: 5px;
  border-radius:6px;
  color: var(--green);
  max-width: 90%;
}

button, .buttonlink {
  text-decoration: none;
  background-color: var(--green);
  color:  var(--white);
  min-width: 150px;
  border-radius: 30px;
  padding: 5px 20px 5px 20px;
  box-shadow: inset 0.2em 0.2em 0.2em 0 rgba(255,255,255,0.5), inset -0.2em -0.2em 0.2em 0 rgba(0,0,0,0.5);
}

input[type=checkbox] {
  display: none;
}

input[type=checkbox] + label {
  background-image: linear-gradient(var(--white), var(--whiteGrad));
  color: var(--green);
  display: inline;
  width: 200px;
}


input[type=checkbox]:checked + label {
  background-image: linear-gradient(var(--green), var(--greenGrad));
  color: var(--white);
}


.smallbuttonlink {
  display: inline;
  padding: 5px 5px 5px 5px;
  max-width: 100px;
  }

.hiddenInput {
  display: none;
}

.inlineForm input, .inlineForm button, .inlineForm select, .inlineForm textarea {
  display: inline;
}

.inlineForm button {
  display: inline;
  border-radius: 80px;
  padding: 6px 20px 6px 20px;
}