.arrow {
    fill: var(--subtitle);
    display: flex;
    align-items: center;

    svg {
        width: 18px;
    }

    .arrow-right {
        padding-left: 5px;
    }

    .arrow-left {
        transform: rotate(180deg);
        padding-right: 5px
    }

    .arrow-up {
        transform: rotate(270deg);
        padding-top: 2px
    }

    .arrow-down {
        transform: rotate(90deg);
        padding-bottom: 2px
    }
}