.arrow {
    display: inline-block;
    width: 0;
    height: 0;
    &.up {
        border-left: 0.3rem solid transparent;
        border-right: 0.3rem solid transparent;
        border-bottom: 0.5rem solid var(--ArBgClr);
    }
    &.down {
        border-left: 0.3rem solid transparent;
        border-right: 0.3rem solid transparent;
        border-top: 0.5rem solid var(--ArBgClr);
    }
    &.right {
        border-top: 0.3rem solid transparent;
        border-bottom: 0.3rem solid transparent;
        border-left: 0.5rem solid var(--ArBgClr);
    }
    &.left {
        border-top: 0.3rem solid transparent;
        border-bottom: 0.3rem solid transparent;
        border-right: 0.5rem solid var(--ArBgClr);
    }
}
