.promotion-card {
    display: flex;
    width: 100%;
    height: 188px;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: var(--cards-radius, 12px);
    box-shadow: var(--elevation-subtle);
    background: var(--background-default, #FFF);
}

    .promotion-card.card-dark {
        background: var(--Graphene-Gradient, linear-gradient(90deg, var(--Background-Gradient-Start, #023842) 0.05%, var(--Background-Gradient-End, #005667) 99.85%));
        
    }

.promotion-card-content {
    display: flex;
    padding: var(--cards-inset-m, 20px) 0 var(--cards-inset-s, 16px) var(--cards-inset-m, 20px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    align-self: stretch;
    width: 50%;
}

    .promotion-card-content.for_space_between {
        justify-content: space-between;
    }

.promotion-card-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--cards-between-text, 8px);
    align-self: stretch;
}
.promotion-card-heading {
    color: var(--text-heading, #004652) !important;
    font-family: var(--family-brand, "West Coast Headline") !important;
    font-size: var(--typography-heading-west-coast-s, 24px) !important;
    font-style: normal;
    font-weight: var(--weight-bold, 700) !important;
    line-height: 105% !important;
    letter-spacing: 0.24px;
    margin: 0;
}

.promotion-card-description {
    color: var(--text-body, #3B3935) !important;
    font-family: var(--family-sans, Averta);
    font-size: var(--typography-body-s, 13px) !important;
    font-style: normal;
    font-weight: var(--weight-regular, 400) !important;
    line-height: 145% !important;
    margin: 0;
}

.promotion-card-image, .promotion-card-img-transparent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    width: 50%;
    min-height: 188px;
}

.promotion-card-img-default {
    border-radius: 0 var(--cards-radius, 12px) var(--cards-radius, 12px) 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    clip-path: polygon(101% -251%, 101% 101%, 60% 100%, 0% 70%);
    aspect-ratio: unset;
    flex-shrink: 0;
}

.promotion-card-img-transparent .promotion-card-img-default {
    clip-path: unset;
}

@media screen and (min-width: 1025px) {
    .promotion-card {
        height: 260px;
    }

    .promotion-card-content {
        padding: var(--cards-inset-l, 32px) var(--sds-size-space-400) var(--cards-inset-m, 24px) var(--cards-inset-l, 32px);
    }

    .promotion-card-text {
        gap: var(--module-between-text, 12px);
    }

    .promotion-card-heading {
        font-size: var(--typography-heading-west-coast-m, 40px) !important;
    }

    .promotion-card-description {
        font-size: var(--typography-body-m, 16px) !important;
    }

    .promotion-card-image, .promotion-card-img-transparent {
        min-height: 260px;
    }
}