:root {
    --nb-message-card-1-border-radius: 8px;
    --nb-message-card-1-padding-x: 20px;
    --nb-message-card-1-padding-y: 20px;
    --nb-message-card-1-max-height: 200px;
    --nb-message-card-1-spacer: 6px;

    --nb-message-card-1-detail-link-color: var(--nb-spec-color);
    --nb-message-card-1-detail-link-font-size: var(--nb-font-size-16);
    --nb-message-card-1-detail-link-font-weight: var(--nb-font-weight-400);
    --nb-message-card-1-detail-link-line-height: 24px;
}

.nb-message-card-1 {
    flex-direction: row;
    border-radius: var(--nb-message-card-1-border-radius);
    max-height: var(--nb-message-card-1-max-height);
}

.nb-message-card-1.nb-card > .nb-img-wrapper {
    border-top-left-radius: var(--nb-message-card-1-border-radius);
    border-top-right-radius: 0;
    border-bottom-left-radius: var(--nb-message-card-1-border-radius);
}

.nb-message-card-1.nb-card a {
    display: block;
}

.nb-message-card-1 .nb-message-image-wrapper {
    flex: 1;
}
.nb-message-card-1 .nb-message-image-wrapper .nb-img{
    max-height: var(--nb-message-card-1-max-height);
}

.nb-message-card-1 .nb-message-card-1-body {
    display: flex;
    flex-direction: column;
    gap: var(--nb-message-card-1-spacer);
    flex: 3;
    padding: var(--nb-message-card-1-padding-y) var(--nb-message-card-1-padding-x);
}

.nb-message-card-1 .nb-message-card-1-body .nb-message-description *{
    text-align: left !important;
}
.nb-message-card-1 .nb-message-card-1-body .nb-promotion-date-and-status-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.nb-message-card-1 .nb-message-detail-link {
    margin-top: auto;
}

.nb-message-card-1 .nb-message-detail-link {
    color: var(--nb-message-card-1-detail-link-color);
    font-size: var(--nb-message-card-1-detail-link-font-size);
    font-weight: var(--nb-message-card-1-detail-link-font-weight);
    line-height: var(--nb-message-card-1-detail-link-line-height);
}

@media screen and (max-width: 1400px) {
    .nb-message-card-1 .nb-message-card-1-body {
        flex: 2;
    }
}
@media screen and (max-width: 992px) {
    :root{
        --nb-message-card-1-padding-x: 10px;
        --nb-message-card-1-padding-y: 10px;
    }
    .nb-message-card-1 .nb-message-card-1-body {
        flex: 1;
    }
}
@media screen and (max-width: 768px) {
    :root {
        --nb-message-card-1-max-height: 100%;
        --nb-message-card-1-padding-x: 10px;
        --nb-message-card-1-padding-y: 10px;
        --nb-message-card-1-spacer: 10px;
    }

    .nb-message-card-1 {
        flex-direction: column;
    }

    .nb-message-card-1.nb-card > .nb-img-wrapper {
        border-top-left-radius: var(--nb-message-card-1-border-radius);
        border-top-right-radius: var(--nb-message-card-1-border-radius);
        border-bottom-left-radius: 0;
    }

    .nb-message-card-1 .nb-message-card-1-body .nb-promotion-date-and-status-wrapper {
        align-items: unset;
        flex-direction: column;
    }
}