.toggle{width:100%;overflow:hidden;}
.toggleLabel{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;cursor:pointer;padding:0 0 0 20px;position:relative;}
.toggleLabel:hover{}
.toggleLabel::before{content:"\276F";width:1em;height:1em;text-align:center;transition:all .35s;position:absolute;left:0;top:10px;}
.toggleContent{max-height:0;transition:all .35s;}
.toggleClose{display:flex;justify-content:flex-end;cursor:pointer;}
.toggleClose:hover{background:grey;}

.toggle input{display:none;}
.toggle input:checked + .toggleLabel{}
.toggle input:checked + .toggleLabel::before{transform:rotate(90deg);}
.toggle input:checked ~ .toggleContent{max-height:14000px;}

@media screen and (max-width:767px)
{
    .toggle input:checked ~ .toggleContent{max-height:initial;}
}