.tb-pagination {
    margin-top: config('margin.6');
}

.tb-pagination__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    border: 1px solid config('colors.grey-light');
    max-width: 100%;
    overflow-x: auto;
}

.tb-pagination__item {
    margin: 0;
    display: block;
    float: left;

    &:not(:last-child) a {
        border-right: 1px solid config('colors.grey-light');
    }

    a {
        display: block;
        padding: config('padding.2') config('padding.4');

        svg {
            pointer-events: none;
        }
    }

    a[disabled] {
        cursor: not-allowed;
        color: config('colors.grey');
    }

    a:not([disabled]) {
        color: config('colors.secondary');
        text-decoration: none;

        &[aria-current=page],
        &:hover,
        &:focus,
        &:active {
            border-right: 1px solid config('colors.secondary');
            background-color: config('colors.secondary');
            color: config('colors.white');
        }

        &:focus {
            outline: 0;
        }
    }
}
