[data-block-alias="callToAction"].call-to-action {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: clamp(27px, 20.887px + 1.882vw, 48px) clamp(34px, 29.928px + 1.254vw, 48px);
  background-color: var(--color-electric-blue);
  box-shadow: 0px 4px 4px 0px rgba(0,0,0, 0.25);
  gap: clamp(0px, 3.333vw, 48px);
  margin: clamp(4rem, 3.2571rem + 3.0476vw, 6rem) auto;
  grid-column: 2 / 12;
  cursor: pointer;
}
[data-block-alias="callToAction"].call-to-action h3 {
  margin: 0; 
  text-transform: uppercase;
  font-size: clamp(24px, 14.694px + 2.869vw, 56px);
  text-align: center;
  letter-spacing: 0%;
}
[data-block-alias="callToAction"].call-to-action button {
  width: 100%;
  font-size: clamp(16px, 13.674px + 0.717vw, 24px);
}

/* --- Slide-in Animations --- */

[data-block-alias="callToAction"].call-to-action h3,
[data-block-alias="callToAction"].call-to-action button {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 3s cubic-bezier(0.16, 1, 0.3, 1), transform 3s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

[data-block-alias="callToAction"].call-to-action h3 {
  transition-delay: 0s;
}

[data-block-alias="callToAction"].call-to-action button {
  transition-delay: 0.15s;
}

[data-block-alias="callToAction"].call-to-action.is-visible h3,
[data-block-alias="callToAction"].call-to-action.is-visible button {
  opacity: 1;
  transform: translateY(0);
}

@media (min-width: 1280px) {
  [data-block-alias="callToAction"].call-to-action button {
    width: fit-content;
  }
}