.card {
  padding: var(--pos-padding-cards-boxes);

  border-radius: var(--pos-corner-panel);
}

.card-cta {
  position: relative;

  background-color: var(--subtitle-gradient-dark-from);

  color: var(--pos-color-inverted);
}

  .card-cta canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;

    border-radius: var(--pos-corner-panel);
  }

  .card-cta > * {
    position: relative;
    z-index: 1;

    color: inherit;
  }

  .card-cta .heading-1 {
    margin-block-end: var(--pos-gap-section-elements);
  }

  .card-cta p {
    font-size: 1.25rem;
  }

  .card-cta p:last-of-type {
    margin-block-end: var(--pos-gap-section-elements);
  }