.del { display: none; }
.del:not(:checked) + label + * { display: none; } /* фактически нужна только одна строка */

/* вид CSS кнопки */
.del:not(:checked) + label,
.del:checked + label {
  display: inline-block;
  padding: 0px 10px;
  border-radius: 2px;
  width: 70px; height: 14px;
  background:url(/images/kn_otkrit.png);
  cursor: pointer;
}
.del:checked + label {
  background: url(/images/kn_zakrit.png);
  width: 0px; height: 14px;
  padding: 0 0;
}
.del+ label:hover{
    color: yellow;
    background: #022897;
    transition: .5s linear;
    text-shadow: -1px -1px #FF0101; /* Параметры тени */
}
.com_text{
    display: inline;
}
.commense { display: none; }
.commense:not(:checked) + label + * { display: none; } /* фактически нужна только одна строка */

/* вид CSS кнопки */
.commense:not(:checked) + label,
.commense:checked + label {
  display: inline-block;
  color: blue;
  text-shadow: -1px -1px #FFF; /* Параметры тени */
  padding:0 10px 2px 10px;
  border-radius: 5px;
  background: #FFB17D;
  cursor: pointer;
  box-shadow:0px 0px 3px 1px black inset;
}
.commense:checked + label {
    color: red;
  background: #6BFF87;
  text-shadow: -1px -1px #000; /* Параметры тени */
}
.commense + label:hover{
    color: yellow;
    background: #022897;
    transition: .5s linear;
    text-shadow: -1px -1px #FF0101; /* Параметры тени */
}
#textaria{
    width: 83%;
    margin-top: 10px;
}
.textarea_bl{
    display: block;
    padding: 2px 10px 2px 10px;
    display: block;
    width: 79%;
}