.btn-pagination {
   /* height: 40px;
   width: 40px; */
   background-color: transparent;
   border: none;
   padding: 12px;
   font-weight: 500;
   font-size: 14px;
   color: #b6b6b7;
   transition: all 0.3s;
}

.btn-pagination.active {
   color: var(--course-primary-color);
}

.btn-pagination.disabled,
.btn-pagination:disabled {
   color: #D2D3D9 !important;
   cursor: not-allowed;
}

.btn-pagination:not(.disabled):not(:disabled):hover {
   color: var(--course-primary-color);
}

.btn-pagination.nav-btn {
   border-radius: 8px;
   border: 1px solid #EAEBF0;
   background-color: #F6F7FA !important;
   color: var(--course-primary-color) !important;
}

.btn-pagination.nav-btn:disabled,
.btn-pagination.nav-btn.disabled {
   background-color: transparent !important;
   color: #D2D3D9 !important;
   cursor: not-allowed;
}