.collapsible-content {
    background-color: var(--ghost-accent-color);
    color: white;
    cursor: pointer;
    padding: 18px;
    /*width: 100%;*/
    border: none;
    text-align: left;
    outline: none;
    display: flex;
}

.active-button, .collapsible-content:hover {
    background-color: #0083e8;
}

.content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    /*border: 1px solid var(--ghost-accent-color);*/
}

.collapsible-content:after {
    content: '\002B'; /* Unicode character for "plus" sign (+) */
    /*font-size: 13px;*/
    color: white;
    float: right;
    align-content: center;
    align-items: center;
    margin-left: auto;
}

.active-button:after {
    content: "\2212"; /* Unicode character for "minus" sign (-) */
}