@layer components {
    .marketing-pro-card {
            display: grid;
            gap: 0.75rem;
            justify-items: center;
            padding: 1.5rem var(--dashboard-section-padding-x);
            text-align: center;
        }

    .marketing-pro-card + .marketing-pro-card {
            border-top: 1px solid var(--dashboard-color-border);
        }

    .marketing-pro-card__icon {
            color: var(--dashboard-color-positive);
            display: inline-flex;
        }

    .marketing-pro-card__icon i,
        .marketing-pro-card__icon svg {
            height: 1.35rem;
            width: 1.35rem;
        }

    .marketing-pro-card h3 {
            color: var(--dashboard-color-text);
            font-size: 1.0625rem;
            font-weight: 740;
            line-height: 1.25;
        }

    .marketing-pro-card p {
            color: var(--dashboard-color-text-muted);
            font-size: 0.9375rem;
            font-weight: 500;
            line-height: 1.5;
            max-width: 22rem;
        }

    @media (min-width: 48rem) {
        .marketing-pro-card + .marketing-pro-card {
                    border-left: 1px solid var(--dashboard-color-border);
                    border-top: 0;
                }
    }
}