54 lines
846 B
CSS
54 lines
846 B
CSS
.cta {
|
|
background: linear-gradient(135deg, #267361 0%, #1f5f50 100%);
|
|
padding-block: var(--space-16);
|
|
}
|
|
|
|
.inner {
|
|
max-width: var(--container-width);
|
|
margin: 0 auto;
|
|
padding-inline: var(--space-4);
|
|
}
|
|
|
|
.content {
|
|
max-width: 48rem;
|
|
margin: 0 auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: var(--space-6);
|
|
text-align: center;
|
|
}
|
|
|
|
.heading {
|
|
color: #ffffff;
|
|
max-width: 22ch;
|
|
}
|
|
|
|
.actions {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
gap: var(--space-4);
|
|
}
|
|
|
|
.actions :global(.btn) {
|
|
font-weight: var(--font-weight-semibold);
|
|
}
|
|
|
|
.actions :global(.btn--tertiary) {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
color: #ffffff;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.cta {
|
|
padding-block: var(--space-20);
|
|
}
|
|
|
|
.actions {
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
}
|
|
}
|