.pagination_panel {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1rem;
}
    .pagination_panel .pagination_btn {
        width: 2rem;
        height: 2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: var(--default_border_radius);
        font-size: 1rem;
        font-family: Roboto;
        color: var(--dark_color);
        cursor: pointer;
    }
    .pagination_panel .pagination_btn:hover {
        color: var(--black_color);
        background-color: var(--hover_transparent_color);
    }
    .pagination_panel .pagination_btn.active,
    .pagination_panel .pagination_btn.active:hover,
    .pagination_panel .pagination_btn.disabled,
    .pagination_panel .pagination_btn.disabled:hover {
        pointer-events: none;
        cursor: default;
    }
    .pagination_panel .pagination_btn.active,
    .pagination_panel .pagination_btn.active:hover {
        color: var(--dark_color_2);
        background-color: var(--gold_color_lite);
    }
    .pagination_panel .pagination_btn.disabled,
    .pagination_panel .pagination_btn.disabled:hover {
        color: var(--gray_color);
        background: none;
    }