Card

.Card {
  @apply overflow-hidden
    rounded-md;

  &__title {
   @apply text-base
    lg:text-lg;
  }

  .Card__copy {
    p {
      @apply md:leading-snug;
    }
  }

  &__action {
    @apply relative
      pr-16
      bg-arrow-right-circle
      bg-[center_right_1rem]
      bg-[length:45px_45px]
      bg-no-repeat;

      .Theme:not(.Theme--none) & {
        @apply bg-arrow-right-circle-white;
      }
  }

  &:not(:has(.Card__image, .Card__copy)) {
    .Card__title {
      @apply flex
        items-center;
    }
  }
}