.highlights {
    display: flex;
}

    .highlights a {
        display: flex;
        flex-flow: column;
        flex: 1;
    }

        .highlights a span:first-of-type {
            font-size: 3.2rem;
            line-height: 100%;
            margin-bottom: 1.6rem;
        }

@media(max-width: 1024px) {
    .block__highlights {
        padding-top: 2.4rem;
    }

    .highlights a span:first-of-type {
        font-size: var(--fontsize-body-lg);
    }
}

@media(max-width: 767px) {
    .block__highlights {
        padding-bottom: 0;
    }

    .highlights {
        flex-flow: column;
        gap: 2.4rem;
    }

        .highlights a {
            position: relative;
            background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 21.3333L21.3333 16M21.3333 16L16 10.6667M21.3333 16H10.6666M29.3333 16C29.3333 23.3637 23.3637 29.3333 16 29.3333C8.63616 29.3333 2.66663 23.3637 2.66663 16C2.66663 8.63619 8.63616 2.66666 16 2.66666C23.3637 2.66666 29.3333 8.63619 29.3333 16Z' stroke='%232A2A2A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
            background-repeat: no-repeat;
            padding: .8rem 0 0 4rem;
        }

            .highlights a + a:before {
                content: "";
                position: absolute;
                top: -1.6rem;
                left: 0;
                width: 100%;
                height: .1rem;
                background-color: var(--grey-100);
            }

            .highlights a span:first-of-type {
                font-size: var(--fontsize-body-md);
                font-weight: 500;
                margin-bottom: .8rem;
            }

    .highlights .button--cta {
        display: none;
    }
}