.course-complete-form,
.course-login-progress {
    margin: 2rem 0;
    padding: 1rem 1.25rem;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--soft);
}

.course-login-progress {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.course-login-progress a,
.course-reader-sidebar small.is-completed {
    color: var(--blue);
    font-weight: 700;
}

@media (max-width: 640px) {
    .course-login-progress {
        align-items: flex-start;
        flex-direction: column;
    }
}