.chevron {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    transition: transform 0.2s;
    cursor: pointer;
}

.chevron-up {
    transform: rotate(225deg);
}

.chevron-down {
    transform: rotate(45deg);
}

.chevron-right {
    transform: rotate(-45deg);
}

.chevron-left {
    transform: rotate(135deg);
}