.card {
  @apply com-fixed com-bottom-[70px] com-right-2 sm:com-bottom-2 com-left-2 sm:com-left-auto com-max-w-xl com-rounded-3xl com-z-50 com-text-justify com-bg-tblack;

  .content {
    @apply com-flex com-flex-wrap com-items-center com-mx-2;

    .top-section {
      @apply com-w-full com-px-4 com-mb-0;

      .heading {
        @apply com-mt-4 com-font-extrabold com-text-3xl com-leading-none com-text-tWhite com-mb-0;
      }

      .paragraph {
        @apply com-text-sm com-leading-6 com-text-tWhite com-my-4;

        a {
          @apply com-text-Chrome-Yellow;
        }
      }
    }

    .preference-buttons {
      @apply com-flex com-justify-center com-mb-4 com-mt-0 com-flex-wrap com-text-tWhite;

      .preferences {
        @apply com-flex com-items-center com-ml-4 com-rounded-md com-py-1 com-px-0;

        .checkbox {
          @apply com-w-5 com-h-5 com-mr-2;
        }
      }
    }

    .bottom-section {
      @apply com-w-max com-items-center com-px-4 com-pb-4 com-flex;

      .button {
        @apply com-max-w-max com-w-full com-tracking-tighter hover:com-bg-blue-600 focus:com-ring-2 focus:com-ring-blue-500 focus:com-ring-opacity-50 com-mr-4;
      }
    }
  }
}
