/* Шапка */
.header_course {
    display: flex;
    width: 100%;
}

.logo_course {
    display: block;
    flex-shrink: 0;
    line-height: 0;
}

.logo-mob_course {
    display: none;
    flex-shrink: 0;
    line-height: 0;
}


.nav-login_course {
    display: flex;
    margin-left: 65px;
    justify-content: space-between;
    width: 100%;
    align-items: flex-end;
}

/* Кнопка модулей */
.modules-btn {
    display: inline-flex;
    padding: 21px 34px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: rgba(71, 210, 224, 0.50);
    width: 121px;
    height: 60px;
    color: var(--controls-text-icon-primary-default, #242429);
    font-feature-settings: 'liga'off, 'clig'off;
    font-family: Inter;
    font-size: var(--Font-Size-action, 17px);
    font-style: normal;
    font-weight: var(--Font-Font-Weight-regular, 450);
    line-height: var(--Font-Line-height-action, 20px);
    /* 117.647% */
    transition: all 0.3s ease-in-out;
}

.modules-btn:hover {
    background: #0FB5BE;
}

/* Правые иконки */
.right-icons {
    display: flex;
    align-items: center;
    gap: 19.9px;
}

.icon-circle {
    width: 62.099px;
    height: 62.099px;
    background-color: #FF5CF0;
    border-radius: 31.0497px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
    position: relative;
}

.icon-dot {
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-emoji {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 640px) {
    .nav-login_course {
        margin-left: 16px;
    }
}

@media (max-width: 520px) {
    .logo_course {
        display: none;
    }

    .logo-mob_course {
        display: block;
    }

    .nav-login_course {
        justify-content: space-between;
    }

    .modules-btn {
        visibility: hidden;
        pointer-events: none;
        width: 73px;
        height: 36px;
        padding: 0;
        font-size: var(--Font-Size-action, 9px);
        line-height: 125%;
        border-radius: 60px;
        font-weight: var(--Font-Font-Weight-regular, 500);
        background: #00C9D3;
    }

    .right-icons {
        gap: 5.69px;
    }

    .icon-circle {
        width: 36px;
        height: 36px;
    }

    .icon-dot {
        width: 19.5px;
        height: 19.5px;
    }

    .icon-emoji {
        width: 22px;
        height: 22px;
    }
}