.arr--right,
.arr--left {
	min-width: 30px;
	min-height: 30px;


    &:before {
        content: $fa-var-chevron-left;
        font-family: 'FontAwesome';
        font-size: 20px;
        display: inline-block;
        color: $color--main;
    }
    &:hover:before {
        color: $color--additional-light;
    }
    &.disabled {
        cursor: auto;
        &:before {
            color: $color--graybutton;
        }
    }
}

.arr--right {
	&:before {
        content: $fa-var-chevron-right;
    }
}