css button toggle

HTML

<input type="checkbox" name="option1">I Agree

CSS

label {
    cursor: pointer;
}

input.toggleCheckbox {
    display: none;
}

input.toggleCheckbox:checked + .btn {
    background: #090;
    color: #fff;
}

input.toggleCheckbox:checked + .btn .active-text{
    display: inline;
}

input.toggleCheckbox:checked + .btn .default-text{
    display: none;
}

input.toggleCheckbox + .btn .active-text{
    display: none;
}

input.toggleCheckbox + .btn .default-text{
    display: inline;
}

.btn {
    display: inline-table;
    padding: 10px 20px;
    background: #ddd;
}