.card-large-content-container { @apply bg-gray py-16 flex flex-col items-center px-4; margin: 2rem calc(50% - 50vw); &--has-illustration { @apply pt-48; } } .card-large-content { @apply bg-white max-w-screen-xl w-full rounded-3xl px-8 lg:px-14 py-8 md:py-14 relative; &--has-illustration { @apply pt-40 mt-16; } &__top-illustration { @apply absolute top-0 left-1/2; transform: translate(-50%, -50%); width: 180px; height: 180px; object-fit: contain; } &__links-container { @apply grid gap-y-2 md:grid-cols-3 gap-12; } &__link { @apply text-2xl mt-8; &__page_icon { max-width: 80px; } &__title { @apply !text-xl font-bold !mt-3; } &__excerpt { @apply text-base pt-3; } .cta { @apply mt-8; } } }