.accordion-toggle {
    border: none;
    box-sizing: border-box;
    outline: none;

    color: var(--text-color-normal);
    text-align: left;

    width: 100%;
    padding: 16px 8px;
}

    /* Add something at the end of the toggle button. Usually a plus/minus or up/down arrow. */
    /* For this example, it will just be an unicode arrowhead 'up' sign. */
    .accordion-toggle:after {
        content: '\2039'; /* Unicode character for arrowhead 'up' sign (^) */
        color: #777;
        float: right;
        margin-left: 5px;
    }

.accordion-panel {
    box-sizing: border-box;

    overflow: hidden;
    padding: 16px;

    transition: max-height 0.2s ease-out;
}