41 lines
856 B
CSS
41 lines
856 B
CSS
.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;
|
|
}
|
|
}
|
|
}
|