div {
  margin-bottom: 10px; }
  div > .checkbox {
    opacity: 0;
    position: absolute;
    z-index: -1; }
    div > .checkbox:checked + label {
      color: #C09949; }
      div > .checkbox:checked + label::before {
        background: rgba(192, 153, 73, 0.25);
        border-color: #C09949; }
      div > .checkbox:checked + label::after {
        transform: scale(1) rotate(-45deg); }
      div > .checkbox:checked + label a {
        text-decoration: underline; }
  div > label {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: all .1s; }
    div > label::before {
      border: calc(1px + .06em) solid #4d4d4d;
      border-radius: calc(3px + .05em);
      content: '';
      display: inline-block;
      font-size: 1.1em;
      height: calc(3px + .8em);
      margin-right: calc(4px + .4em);
      transition: all .1s;
      vertical-align: middle;
      width: calc(3px + .8em); }
    div > label::after {
      border-bottom: calc(2px + .07em) solid #C09949;
      border-left: calc(2px + .07em) solid #C09949;
      content: '';
      font-size: 1.1em;
      height: calc(3px + .22em);
      left: calc(.25em - 1px);
      position: absolute;
      top: calc(7px - .1em - 1px);
      transform: scale(0) rotate(-45deg);
      transition: all .1s;
      width: calc(5px + .32em); }

/*# sourceMappingURL=checkbox.css.map */