/* .test-cta and .boxed-btn3 share their design with the main IQ pages. */
.post-content .iq-article-cta.iq-guide {
    padding: 0;
    container-type: inline-size;
    container-name: iq-test-cta;
}

.post-content .iq-article-cta__copy {
    min-width: 0;
    overflow-wrap: anywhere;
}

/* The magazine uses !important on article headings, paragraphs and links. */
.post-content .iq-article-cta .test-cta h2 {
    color: #223747 !important;
}

.post-content .iq-article-cta .test-cta p {
    font-size: 15px !important;
    line-height: 1.65 !important;
    margin-bottom: 0 !important;
}

.post-content .iq-article-cta .test-cta p + p {
    margin-top: 0.625rem;
}

.post-content .iq-article-cta a.iq-article-cta__button.boxed-btn3 {
    box-sizing: border-box;
    max-width: 100%;
    color: #fff !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: normal;
    overflow-wrap: anywhere;
}

.post-content .iq-article-cta a.iq-article-cta__button.boxed-btn3:hover {
    color: #009dff !important;
}

.post-content .iq-article-cta a.iq-article-cta__button:focus-visible {
    outline: 2px solid #08569b;
    outline-offset: 3px;
}

@media (min-width: 768px) {
    .post-content .iq-article-cta .test-cta > a.boxed-btn3 {
        max-width: 50%;
    }

    @container iq-test-cta (max-width: 575px) {
        .post-content .iq-article-cta .test-cta {
            align-items: flex-start;
            flex-direction: column;
            gap: 20px;
            padding: 26px 23px;
        }

        .post-content .iq-article-cta .test-cta > a.boxed-btn3 {
            max-width: 100%;
        }
    }
}