/*CARD BODY TOP*/
.card-with-content-below-and-horizontal-img-content .nb-img-left-content-right {
    display: flex;
    flex-direction: row;
    padding-bottom: calc(var(--nb-spacer-y)/2);
    margin-bottom: calc(var(--nb-spacer-y)/2);
    align-items: center;
}

.card-with-content-below-and-horizontal-img-content .nb-img-left-content-right {
    border-bottom: var(--nb-border-1) var(--nb-border-solid) var(--nb-border-color);
}

.card-with-content-below-and-horizontal-img-content .nb-img-left-content-right .nb-img-wrapper {
    margin-right: calc(var(--nb-spacer-x)/2);
    flex-shrink: 0;
}

.card-with-content-below-and-horizontal-img-content .nb-img-left-content-right .nb-img-wrapper .nb-img {
    width: 45px;
    height: 45px;
    border-radius: var(--nb-border-radius-full);
}

.card-with-content-below-and-horizontal-img-content .nb-img-left-content-right .nb-content-wrapper {
    display: flex;
    flex-direction: column;
}

.card-with-content-below-and-horizontal-img-content .nb-img-left-content-right .nb-content-wrapper .nb-title {
    font-size: var(--nb-font-size-m);
    font-weight: var(--nb-font-weight-600);
    margin: 0;
    color: var(--nb-spec-color);
}

.card-with-content-below-and-horizontal-img-content .nb-img-left-content-right .nb-content-wrapper .nb-description {
    font-size: var(--nb-font-size-s);
    font-weight: var(--nb-font-weight-400);
    color: var(--nb-text-color-secondary);
    margin: 0;
}

/*CARD BODY MIDDLE*/

.card-with-content-below-and-horizontal-img-content .nb-text-wrapper > * + * {
    margin-top: calc(var(--nb-spacer-y)/2);
    display: block;
}

/*CARD FOOTER*/
.card-with-content-below-and-horizontal-img-content .nb-card-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.card-with-content-below-and-horizontal-img-content .nb-card-footer .nb-btn {
    opacity: 0;
}

.card-with-content-below-and-horizontal-img-content:hover .nb-card-footer .nb-btn {
    opacity: 1;
}

.card-with-content-below-and-horizontal-img-content .nb-card-footer .nb-date {
    font-size: var(--nb-font-size-s);
    color: var(--nb-text-color-secondary);
}

.card-with-content-below-and-horizontal-img-content .nb-category{
    font-size: 14px;
    color: var(--nb-text-color-secondary);
}