.card {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);

    .header {
        font-family: Fira Sans, sans-serif !important;
        background-color: var(--background-highlight-color);
        color: var(--primary-color);
        &:not(.border-no-round) !important; {
            border-top-left-radius: var(--border-radius);
            border-top-right-radius: var(--border-radius);
        }
    }
}

.card.normal {
    min-height: 325px;
    .header {
        padding: 23px 30px 21px;
        font-weight: 400;
        font-size: 20px;
    }
}

.card.small {
    height: fit-content;
    .header {
        padding: 15px 25px;
        font-weight: 400;
        font-size: 16px;
    }
}

.hyphenated {
    hyphens: auto;
    overflow-wrap: break-word;
    word-break: normal;
}