Generated by SassMeister.com.

SassMeister-input-HTML.html

<div>
              <input type="radio" id="only_admins_see_billable_rates_true" name="only_admins_see_billable_rates" value="true">
              <label class="inline" for="only_admins_see_billable_rates_true">Admins</label>

              <input type="radio" id="only_admins_see_billable_rates_false" name="only_admins_see_billable_rates" value="false">
              <label class="inline" for="only_admins_see_billable_rates_false">Everyone</label>
            </div>

SassMeister-input.scss

// ----
// libsass (v2.0.0)
// ----

html {
  background: #fff;
}

*, :after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

input[type=checkbox], input[type=radio] {
position: absolute;
top: 0;
left: -9999px;
}

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

input[type=checkbox]+label, input[type=radio]+label {
display: inline;
position: relative;
top: 2px;
box-sizing: border-box;
}

input[type=checkbox]+label::before, input[type=radio]+label::before {
content: "";
display: inline-block;
height: 15px;
width: 15px;
text-align: center;
margin-right: 10px;
color: #fff;
border: solid 1px #ddd;
background: #fff;
position: relative;
line-height: 15px;
top: 2px;
vertical-align: baseline;
}

input[type=radio]+label::before {
border-radius: 100px;
}

input[type=radio]:checked+label::before {
content: "";
background: #4d4d4d;
height: 15px;
width: 15px;
border: 3px solid #fff;
box-shadow: 0 0 0 1px #ddd;
}

SassMeister-output.css

html {
  background: #fff; }

*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type=checkbox], input[type=radio] {
  position: absolute;
  top: 0;
  left: -9999px; }

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

input[type=checkbox] + label, input[type=radio] + label {
  display: inline;
  position: relative;
  top: 2px;
  box-sizing: border-box; }

input[type=checkbox] + label::before, input[type=radio] + label::before {
  content: "";
  display: inline-block;
  height: 15px;
  width: 15px;
  text-align: center;
  margin-right: 10px;
  color: #fff;
  border: solid 1px #ddd;
  background: #fff;
  position: relative;
  line-height: 15px;
  top: 2px;
  vertical-align: baseline; }

input[type=radio] + label::before {
  border-radius: 100px; }

input[type=radio]:checked + label::before {
  content: "";
  background: #4d4d4d;
  height: 15px;
  width: 15px;
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px #ddd; }

SassMeister-rendered.html

<div>
              <input type="radio" id="only_admins_see_billable_rates_true" name="only_admins_see_billable_rates" value="true">
              <label class="inline" for="only_admins_see_billable_rates_true">Admins</label>

              <input type="radio" id="only_admins_see_billable_rates_false" name="only_admins_see_billable_rates" value="false">
              <label class="inline" for="only_admins_see_billable_rates_false">Everyone</label>
            </div>