.customfield-card {
    position: relative;
    padding: 2rem;
    border: 1px solid currentColor;
    border-radius: 1rem;
}

.customfield-card__badge {
    display: inline-flex;
    align-items: center;
    margin-bottom: 1rem;
    padding: .35rem .7rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 700;
}

.customfield--info .customfield-card__badge,
.customfield-card__badge.customfield--info {
    opacity: .8;
}

.customfield--success .customfield-card__badge,
.customfield-card__badge.customfield--success {
    font-weight: 800;
}

.customfield--warning .customfield-card__badge,
.customfield-card__badge.customfield--warning {
    text-decoration: underline;
    text-decoration-thickness: 2px;
}

.customfield-card__eyebrow {
    margin-bottom: .4rem;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .7;
}

.customfield-card__title {
    margin: 0 0 .75rem;
}

.customfield-card__text {
    margin: 0 0 1rem;
}

.customfield-card__button {
    font: inherit;
    cursor: pointer;
}

.customfield-align--center .customfield-card {
    text-align: center;
}

/* Nur die Darstellung des element-lokalen Custom Fields im Backend. */
#RC-GUI .customfieldshowcase-badge-field .rc-choicegrid-item {
    min-height: 6rem;
}