.custom_checkbox input{
    position: absolute;
    visibility: hidden;
    display: none;
    opacity: 0;
}

.custom_checkbox{
    border: 1px solid rgba(0,0,0,.5);
    cursor: pointer;
    text-align: center;
    margin: 10px auto ;
   
}

.custom_checkbox label{
    padding: 2rem 1rem;
    letter-spacing: .1rem;
    display: block;
    font-weight: 100;
    margin-bottom: 0 !important;
}

.custom_checkbox input[type=checkbox]:checked+label {
    color: #fff;
    background: #ffc059;
    transition: background 500ms cubic-bezier(0.77, 0, 0.175, 1);
  }