input[type='checkbox'] { display: none; } 

.wrap-collapsible { margin: 1.2rem 0; }

/* This is the collapse heading section */
.lbl-toggle { display: block; font-weight: bold; font-family: monospace; font-size: 130%; text-align: left; padding: 1rem; color: #DDD; background: #0069ff; cursor: pointer; border-radius: 7px; transition: all 0.25s ease-out; } 

.lbl-toggle:hover { color: #FFF; } 

.lbl-toggle::before { content: ' '; display: inline-block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid currentColor; vertical-align: middle; margin-right: .7rem; transform: translateY(-2px); transition: transform .2s ease-out; } 

.toggle:checked+.lbl-toggle::before { transform: rotate(90deg) translateX(-3px); } 

.collapsible-content { max-height: 0px; overflow: hidden; transition: max-height .25s ease-in-out; } 

.toggle:checked + .lbl-toggle + .collapsible-content { max-height: 2000px; } 

.toggle:checked+.lbl-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } 

/* This is the drop-down text section */
.collapsible-content .content-inner { background: rgba(0, 105, 255, .2); border-bottom: 1px solid rgba(0, 105, 255, .45); border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; padding: .5rem 1rem; margin-left: -30%; font-size: 95
    %;} 

.collapsible-content p { margin-bottom: 0; }