@layer components {
    .rtds-note {
        @apply rtds-p-4 md:rtds-p-6 rtds-rounded-lg rtds-content-01;
    }

    .rtds-note__header {
        @apply rtds-border-b rtds-border-gray-01 rtds-pb-3 rtds-flex rtds-items-baseline;
    }

    .rtds-note__content {
        @apply rtds-py-3;
    }

    .rtds-note__content-item {
        @apply rtds-grid rtds-gap-2.5 rtds-py-3 first:rtds-pt-0 last:rtds-pb-0;
    }

    .rtds-note__content-item-title {
        @apply rtds-text-sm rtds-font-bold;
    }

    .rtds-note__content-item-description {
        @apply rtds-text-sm;
    }

    .rtds-note__content-item-description a {
        @apply rtds-underline rtds-content-02;
    }
}