@media(min-width: 36rem) { /* 576px */
    body {
        background-image: url('../images/pattern-background-desktop.svg');
    }

    .order-card {
        width: calc(var(--text-body) * 28.125);
        height: calc(var(--text-body) * 43.625);
    }

    .order-card__header {
        margin-block-end: 0;
    }

    .order-card__content {
        padding: calc(var(--space-md) * 2.5) calc(var(--space-md) * 3.125);
        gap: calc(var(--space-lg) * 1.25);
    }

    .order-card__title {
        font-size: calc(var(--text-title) + 0.375rem);
    }

    .order-card__description {
        font-size: calc(var(--text-body) + 0.03125rem);
        line-height: calc(var(--text-body) * 1.625);
    }

    .subscription-plan {
        padding: calc(var(--space-md) * 1.25);
    }

    .subscription-plan__details {
        margin-inline-end: calc(var(--space-lg) * 2.9167);
    }

    .subscription-plan__title,
    .subscription-plan__price {
        font-size: var(--text-body);
    }

    .subscription-plan__change {
        font-size: var(--text-plan);
    }

    .order-card__actions {
        gap: calc(var(--space-lg) * 1.25);
    }

    .btn--primary {
        padding: calc(var(--space-sm) * 1.625) calc(var(--space-md) * 6.4375);
    }
}