.mol-download {
    @apply border border-primary border-opacity-20 bg-white rounded-lg p-2 flex items-center gap-x-4 hover:border-opacity-100 transition-all w-full;

    &--icon{
        @apply relative aspect-square w-16 lg:w-32 grid place-items-center text-white rounded-md overflow-hidden ;

        .atm-icon{
            @apply relative;
        }
    }

    &--content{
        @apply w-full;
    }

    &--info{
        @apply flex gap-x-2;
    }

    &--name .atm-heading {
        @apply mb-0;
        word-break: break-word;
        hypens: auto;
    }
}