@layer components {
    .rtds-banner {
        @apply rtds-bg-white;
    }

    .rtds-banner__content {
        @apply rtds-grid rtds-gap-4 lg:rtds-gap-6 lg:rtds-w-2/3 rtds-py-8 rtds-px-10 md:rtds-p-12 lg:rtds-p-16 2xl:rtds-p-20;
    }

    .rtds-banner__description {
        @apply rtds-text-base 2xl:rtds-text-lg rtds-max-w-[75ch] rtds-space-y-2 rtds-leading-relaxed;
    }
    
    .rtds-banner__image {
        @apply rtds-aspect-video lg:rtds-w-1/3 rtds-flex rtds-justify-center;
    }

    .rtds-banner__image img {
        @apply rtds-object-cover rtds-object-center rtds-w-full rtds-h-full;
    }


    .rtds-banner__action {
        @apply rtds-pt-5;
    }
    
}