/* 2) 공통 버튼 스타일 */
.page-btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid transparent;
    background-color: var(--bg-primary); /* 기본 배경색 */
    color: var(--font-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* 비활성화 상태 */
.page-btn[disabled] {
    opacity: 0.4;
    cursor: default;
}

/* 3) 숫자 버튼(동적으로 생성) 기본 스타일 */
.page-numbers .page-btn {
    border-color: transparent;
    background-color: var(--bg-secondary);
}

/* 4) 선택된(Active) 페이지 버튼 스타일 */
.page-numbers .page-btn.active {
    border-color: var(--btn-secondary-border);
    background-color: white;
    color: var(--btn-secondary-border);
}

/* 화살표(prev/next) 색 변경 (선택사항) */
.prev-btn i,
.next-btn i {
    color: var(--font-primary);
}