@layer components {
    .upgrade-feature-grid {
            border-top: 1px solid var(--dashboard-color-border);
            display: grid;
            gap: 1px;
            grid-template-columns: 1fr;
            margin-left: calc(-1 * var(--dashboard-section-padding-x));
            margin-right: calc(-1 * var(--dashboard-section-padding-x));
        }

    @media (min-width: 48rem) {
        .upgrade-feature-grid {
                    grid-template-columns: repeat(2, minmax(0, 1fr));
                    margin-left: calc(-1 * var(--dashboard-section-padding-x-lg));
                    margin-right: calc(-1 * var(--dashboard-section-padding-x-lg));
                }
    }
}