.component--dropdown button[aria-expanded="false"] + * {
    display: none;
}

.component--dropdown button[aria-expanded="true"] {
    border-radius: 8px 8px 0 0;
}

.component--dropdown button.button--ghost[aria-expanded="true"] {
    background-color: #D85849;
    color: #fff;
}

.component--dropdown button[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.component--dropdown .dropdown--content {
    padding: 20px;
    background: #F9FAFB;
    border: 1px solid #D0D5DD;
    border-radius: 0 0 8px 8px;
    z-index: 2;
}