I learned to apply it’s not correct but how can I create this class without @apply ?

this is in the index.css file

@layer components {
    .desktop-grid {
        @apply  
            lg:grid
            lg:grid-cols-[1fr,repeat(12,84px),1fr]
            lg:mx-auto
            lg:gap-x-6;
                  }
}

Seartching on the web