.text-block {
    grid-column: 1 / -1;
}

.text-block__eyebrow {
    margin-bottom: 32px;
}

.text-block__button {
    margin-top: 32px;
}

.text-block__title {
    color: var(--neutral-30);
}

.text-block__content {
    color: var(--teal-20);
}

.text-block__content {
    margin: 0;
}


.text-block__title + .text-block__content {
    margin-top: 16px;
}

.text-block--small .text-block__title + .text-block__content {
    margin-top: 12px;
}

.text-block__eyebrow {
    color: var(--green-30);
}

/* Titles that carry <p>/<ul> markup instead of a single line. */
.text-block__title > :first-child {
    margin-top: 0;
}

.text-block__title > :last-child {
    margin-bottom: 0;
}

.text-block--small .text-block__title p {
    margin: 0;
}

.text-block--small .text-block__title p + p {
    margin-top: 12px;
}