.education-notice {
    background-color: var(
        --education-notice-default-background-color,
        var(--color-background-secondary)
    );
    border-radius: var(
        --education-notice-border-radius,
        var(--border-radius-100)
    );
    color: var(--color-foreground-primary);
    font-size: var(--font-size-body);
    padding: var(--spacing-300);
}
.education-notice--prominent {
    background-color: var(
        --education-notice-education-background-color,
        var(--color-background-education)
    );
}
.education-notice__header {
    align-items: center;
    display: flex;
}
.education-notice__title {
    flex-grow: 1;
    font-size: var(--font-size-medium);
    font-weight: 700;
    line-height: 1.5em;
    margin: 0;
    margin-inline-start: var(--spacing-150);
}
.education-notice__main {
    margin-top: var(--spacing-200);
}
.education-notice__dismiss {
    margin-inline-start: var(--spacing-150);
}
.education-notice button.icon-btn {
    background-color: initial;
}
.education-notice__header .icon--prominent {
    color: var(--color-foreground-accent);
}
.education-notice__footer a {
    color: var(
        --education-notice-foreground-color,
        var(--color-foreground-primary)
    );
    white-space: nowrap;
}
.education-notice__footer a,
.education-notice__footer button.fake-link {
    font-size: var(--font-size-body);
    font-weight: 700;
}
.education-notice__main p {
    font-size: var(--font-size-body);
    margin: 0;
}
.education-notice__footer {
    margin-top: var(--spacing-200);
}
.education-notice__header button.fake-link,
.education-notice__header button.fake-link:hover {
    color: var(
        --education-notice-foreground-color,
        var(--color-foreground-primary)
    );
    font-size: var(--font-size-body);
    font-weight: 700;
    height: 24px;
    width: 24px;
}