.courseindex {
    .courseindex-section {
        border: 1px solid rgba($primary, 0.3);
    }
    .courseindex-item {
        &.courseindex-section-title {
            background: rgba($primary, 0.1);
        }
        &:hover,
        &:focus {
            background: $primary;
            .courseindex-link,
            .courseindex-chevron {
                color: #ffffff;
            }
        }
        .courseindex-link,
        .courseindex-chevron {
            color: var(--bs-link-color, #98b6d9);
        }
    }
}