@import "variables.css";

.accordion {
    background-color: var(--accordion-background-color);
    font: var(--accordion-font);
    color: var(--accordion-color);
    border-radius: var(--border-radius) !important;
    cursor: pointer;
    padding: 12px 22px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
   /* box-shadow: var(--accordion-shadow);*/
    text-transform: uppercase;
}

.accordion.active {
    background-color: var(--accordion-hover);
}

.accordion:hover {
    background-color: var(--accordion-hover);
}

.accordion:before {
    content: '\23F6';
    color: var(--accordion-color);
    font: var(--accordion-font);
    margin-right: 20px;
}

.accordion.active:before {
    content: "\23F7";
}

.panel {
    padding: 20px;
    background-color: var(--accordion-panel-background-color);
}