@layer components {
    .marketing-actions {
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem;
        }

    .marketing-actions--end {
            justify-content: flex-start;
        }

    .marketing-actions__primary {
            min-width: 9.5rem;
        }

    @media (min-width: 48rem) {
        .marketing-actions--end {
                    justify-content: flex-end;
                }
    }
}