.promotion-model-card {
    color: inherit;
    display: block;
    text-decoration: none;
    transition: all 0.2s ease-in-out;

    padding: 1.25rem;

    border-radius: 0.375rem;
    background: #f2f2f2;
}

.promotion-model-card:hover {
        box-shadow: 0 0.0625rem 0.125rem 0.0625rem #00000026;
    }

.promotion-model-card .image {
        flex-basis: 100%;
        aspect-ratio: 350 / 258;
        position: relative;
    }

.promotion-model-card .content-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.promotion-model-card .content-wrapper .info {
            display: flex;
            flex-direction: column;
            justify-content: end;
            gap: 0.25rem;
        }

.promotion-model-card .content-wrapper .info .title {
                font-size: 1.5rem;
                line-height: 1.2;
                font-weight: 400;
                font-family: var(--font-primary);
            }

.promotion-model-card .content-wrapper .info .date {
                color: var(--color-primary);

                font-size: 1rem;
                line-height: 1;
            }

.promotion-model-card .content-wrapper .details-link {
            text-decoration: none;
            color: inherit;
        }

.promotion-model-card .content-wrapper .details-link .label {
                margin-right: 0.125rem;
                font-size: 1rem;
                font-weight: 700;
            }

.promotion-model-card .content-wrapper .details-link .icon {
                font-size: 0.625rem;
            }

@media screen and (min-width: 64rem) {
    .promotion-model-card {
        padding: 1.5rem;
    }
                .promotion-model-card .content-wrapper .info .title {
                    font-size: 1.375rem;
                    line-height: 2.1875rem;
                    letter-spacing: -0.3px;
                }
            .promotion-model-card .content-wrapper .actions {
                padding-top: 0.625rem;
            }
                    .promotion-model-card .content-wrapper .actions .details-link .label {
                        font-size: 1rem;
                    }
                    .promotion-model-card .content-wrapper .actions .details-link .icon {
                        font-size: 0.75rem;
                    }
}

@media screen and (min-width: 96rem) {
    .promotion-model-card {
        padding: 1.875rem 1.875rem 2.1875rem;
    }
                .promotion-model-card .content-wrapper .info .title {
                    font-size: 1.5625rem;
                    line-height: 2.1875rem;
                    letter-spacing: -0.3px;
                }
            .promotion-model-card .content-wrapper .actions {
                padding-top: 0.625rem;
            }
                    .promotion-model-card .content-wrapper .actions .details-link .label {
                        font-size: 1rem;
                    }
                    .promotion-model-card .content-wrapper .actions .details-link .icon {
                        font-size: 0.75rem;
                    }
}