Project Octopus (input.css)

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
    .button {
        @apply px-3 py-2 lg:px-6 lg:py-4 rounded-lg font-bold text-body1 cursor-pointer;
    }
    .button__primary {
        @apply bg-primary-500 text-white-500;
    }
    .button__secondary {
        @apply bg-secondary-500 text-white-500;
    }
    .button__outlined {
        @apply border border-secondary-500 text-secondary-500;
    }
    .features-card {
        @apply flex flex-col bg-gradient-to-b from-secondary-50 to-white-500 opacity-100 rounded-xl px-6 py-6 gap-3
    }
}