
.quizpress-sub-top-header {
    max-width: calc(1280px - 30px);
    width: 100%;
    margin: 0 auto 24px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 15px;
    &__title {
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        margin: 0;
        padding: 0;
    }

    &__content {
        display: flex;
        align-items: center;
        gap: 16px;
        a {
            text-decoration: none;
        }
    }

    .quizpress-enrollment-teaser {
        position: relative;
        overflow: hidden;
        display: flex;
        gap: 20px;
        .quizpress-btn {
            &--enroll-disable,&--pro-enroll-disable {
                padding: 12px 24px;
                background: #FFF;
                color: #1B1B2A;
                font-weight: 500;
                font-size: 15px;
                line-height: 25px;
                border: 0;
                border-radius: 8px;
                cursor: pointer;
            }
            &--pro-enroll-disable {
                padding: 12px 16px;
                visibility: hidden;
                cursor: not-allowed;
            }
        }
        span{
            margin: 0;
        }
    }
    .quizpress-zoom-entry-right {
        display: flex;
        align-items: center;
        column-gap: 16px;
    }
}

@media all and (max-width: 1500px) {
    .quizpress-sub-top-header {
        max-width: calc(1200px - 30px);
    }
}

@media all and (max-width: 1300px) {
    .quizpress-sub-top-header {
        max-width: calc(1120px - 30px);
    }
}