.round {
    position: relative;
  }
  
  .round label {
    background-color: #ccc;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 23px;
    left: 0;
    position: absolute;
    top: 0;
    width: 23px;
  }

  .invisible {
    opacity: 0;
    position: absolute;
    z-index: -1;
  }
  
  .round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 7px;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: 5px;
    transform: rotate(-45deg);
    width: 11px;
  }
  
  .round input[type="checkbox"] {
    visibility: hidden;
  }
  
  .round input[type="checkbox"]:checked + label {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }
  
  .round input[type="checkbox"]:checked + label:after {
    opacity: 1;
  }

  hr {
    border-top: 2px solid rgba(0,0,0,.1);
  }
  hr.thinner {
    border-top: 1px solid rgba(0,0,0,.1);
  }

  button[disabled=disabled], button:disabled, button[disabled=disabled]:hover, button:disabled:hover { 
    background: #C7C7C7!important;
    cursor: default;
  }