/* =====================================================
   Shared Expand/Collapse Arrow
===================================================== */

.expand-toggle-arrow {
    display: block;
    width: 12px;
    height: 12px;
    flex-shrink: 0;

    position: relative;
    top: -1px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;

    transform: rotate(45deg);
    transform-origin: center;
    transition: transform 0.2s ease;
}

[aria-expanded="true"] .expand-toggle-arrow {
    transform: rotate(225deg);
}