.sb-pagination-container {
    display: flex;
    //padding-bottom: $base-block-space * 4;
    .sb-pagination {
        display: flex;
        align-items: center;
        margin-top: $base-block-space;
        margin-bottom: $base-block-space;
        font-weight: $font-weight-normal;
        background-color: $white;
        font-size: $font-size-base;
        border-radius: ($base-block-space/2);
    
        &.mini {
            font-size:calculateRem(12px);
            .sb-item {
                padding: calculateRem(12px);
            }
        }
    
        &.large {
            font-size: $base-block-space*2;
            .sb-item {
                padding: calculateRem(20px);
            }
        }
    
        .sb-item {
            padding: $base-block-space $base-block-space*2;
            line-height: $font-size-base;
            color: $gray-400;
            cursor: pointer;
            background: $white;
            border: $sb-card-border;
            border-right: none;
            display: inline-block;
            &:hover {
                border: 0.5px solid $primary-300;
            }
            &:first-child {
                border-radius: ($base-block-space/2) 0 0 ($base-block-space/2);
            }
            &:last-child {
                border: $sb-card-border;
                border-radius: 0 ($base-block-space/2) ($base-block-space/2) 0;
                &:hover{
                    border: 0.5px solid $primary-300;
                }
            }

            &.disabled {
                pointer-events: none;
                cursor: not-allowed;
                opacity: 0.3;
            }
        }
        .sb-item.active{
            border: 0.5px solid $primary-300;
            background: $primary-250;
        }
        .no-border {
            border: none;
            border-left: $sb-card-border;
        }
    }
}

[dir="rtl"] {
    .sb-pagination-container .sb-pagination {
        .sb-item:last-child {
            border-radius: ($base-block-space/2) 0 0 ($base-block-space/2);
        }
        .sb-item:first-child {
            border-radius: 0 ($base-block-space/2) ($base-block-space/2) 0;
        }
    }
    
}