$white: #fff;
$base-font-sans-serif: "Avenir", "Helvetica Neue", "Helvetica", sans-serif;

:local {
  .radioButton {
    position: fixed;
    left: -9999px;
    top: -9999px;
    &:checked ~ {
      .fakeRadio {
        &:after {
          opacity: 1;
        }
      }
    }
  }
  .fakeRadio {
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #b9c5cd;
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative;
    background: $white;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    &:after {
      position: absolute;
      left: 2px;
      top: 2px;
      right: 2px;
      bottom: 2px;
      border-radius: 50%;
      background: #2eae8f;
      content: " ";
      opacity: 0;
      z-index: 2;
      transition: all .2s ease-in-out;
    }
  }
  .labelText {
    cursor: pointer;
    display: inline-block;
    font: 500 16px/18px $base-font-sans-serif;
    color: #4a5b64;
    margin: 0 0 0 16px;
    max-width: calc(100% - 46px);
    vertical-align: top;
  }
}