Radios as buttons

radios.css

/* Radio Buttons */
input[type="radio"] {
  display: none;
}
input[type="radio"] + label {
  display: inline-block;
  padding: 20px 30px;
  background-color: teal;
  color: white;
  border-radius: 4px;
  font-size: 20px;
  font-weight: 600;
}
input[type="radio"]:checked + label {
  background-color: black;
}

radios.html

<div>
  <input type="radio" id="amount-250" name="submitted[amount]" value="250" checked="checked">
  <label class="option" for="amount-250">$250</label>
</div>
<div>
  <input type="radio" id="amount-100" name="submitted[amount]" value="100">
  <label class="option" for="amount-100">$100</label>
</div>
<div>
  <input type="radio" id="amount-50" name="submitted[amount]" value="50">
  <label class="option" for="amount-50">$50</label>
</div>
<div>
  <input type="radio" id="amount-25" name="submitted[amount]" value="25">
  <label class="option" for="amount-25">$25</label>
</div>
<div>
  <input type="radio" id="amount-other" name="submitted[amount]" value="other">
  <label class="option" for="amount-other">Other</label>
</div>