.pagination-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.pagination-container .pagination-link {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        -webkit-text-decoration: none;
        text-decoration: none;
        transition: all 0.2s ease;
        cursor: pointer;
        border: none;
        background: transparent;
        font-size: 14px;
        font-weight: 400;
    }
.pagination-container .pagination-link.nav-link {
        background: var(--color-dark);
        color: var(--color-primary);
        margin: 0px 8px;
    }
.pagination-container .pagination-link.nav-link svg {
            width: 20px;
            height: 20px;
            stroke: currentColor;
            fill: none;
            stroke-width: 2;
        }
.pagination-container .pagination-link.nav-link .nav-text {
            display: none;
        }
.pagination-container .pagination-link.nav-link.disabled {
            background: var(--color-secondary-muted);
            opacity: 1;
            pointer-events: none;
        }
.pagination-container .pagination-link:not(.nav-link):not(.dots) {
        background: var(--color-secondary-muted);
        width: 12px;
        height: 12px;
        overflow: hidden;
        text-indent: -9999px;
    }
.pagination-container .pagination-link.active {
        background: var(--color-dark) !important;
    }
.pagination-container .pagination-link.dots {
        background: transparent;
        color: var(--color-dark);
        pointer-events: none;
        width: auto;
        height: auto;
        padding: 0 8px;
    }
.pagination-container .pagination-link:not(.disabled):not(.dots):hover {
        transform: scale(1.05);
    }