.mol-card-extended {
    img {
        @apply transition duration-300;
    }

    &.overview-header-primary * {
        @apply text-white;
    }

    &.overview-header-secondary * {
        @apply text-black;
    }

    .atm-image {
        @apply mb-4;
        @apply w-auto;
        @apply overflow-hidden;

        img {
            @apply w-full;
            @apply h-full;
            object-fit: cover;
        }
    }
    &:hover {
        * {
            @apply text-secondary-col-1;
        }

        .atm-image {
            img {
                transform: scale(1.05);
            }
        }
    }

    .atm-paragraph {
        @apply mb-4;
    }

    .reading-time {
        .atm-icon {
            @apply mr-1;
        }

        .text {
            @apply text-sm;
        }
    }

    .relative-date {
        .date {
            @apply text-sm;
        }
    }

    &.img-left {
        @apply md:grid;
        @apply md:grid-cols-2;
        @apply md:gap-x-12;
    }

    .wrap-sdg {
        @apply flex;

        .atm-image {
            @apply w-16;
            @apply h-16;
            margin-right: 1px;
        }
    }

    .atm-link {
        @apply hidden;
    }
}