@import '../styles/variables.scss';

.main {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;

    .title {
        padding-block-start: 0;
    }

    .next,
    .previous {
        color: $clickable-item;
        flex-basis: 10px;

        [dir='rtl'] & {
            transform: rotateY(180deg);
        }
    }
}