.callToAction_headline {
  color: var(--theme-text-default);
  max-width: 45ch;
  margin-bottom: 3rem;
  font-size: 1rem;
}

@media(min-width: 60rem) {
  .callToAction_headline {
    margin-bottom: 5rem
  }
}

@media(min-width: 80rem) {
  .callToAction_headline {
    max-width: 65ch
  }
}

.callToAction_headline p {
  opacity: var(--opacity-medium);
  font-size: var(--font-size-larger);
  color: #000;
}

.callToAction_headline p:last-child {
  margin-bottom: 0
}

.callToAction_items {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.25rem;
  gap: 1.25rem
}

@media(min-width: 60rem) { 
  .callToAction_items.callToAction_items-3 {
    grid-template-columns: repeat(3, minmax(25%, 1fr))
  }
}

.callToAction_items.callToAction_items-3 .callToAction_link {
  position: relative;
  --aspect-ratio-current: 1/1;
  aspect-ratio: var(--aspect-ratio-current);
  display: block;
}

.callToAction_items.callToAction_items-3 .callToAction_link .callToAction_item {
  width: 100%;
  height: 100%
}

.callToAction_items.callToAction_items-3 .callToAction_link .callToAction_item {
  min-height: 450px;
}


@supports not (aspect-ratio: var(--aspect-ratio-current)) {
  .callToAction_items.callToAction_items-3 .callToAction_link {
    position: relative
  }
  .callToAction_items.callToAction_items-3 .callToAction_link:before {
    display: block;
    content: "";
    width: 100%;
    padding-bottom: calc(100%/(var(--aspect-ratio-current)))
  }
  .callToAction_items.callToAction_items-3 .callToAction_link>.callToAction_item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }
}

.callToAction_items.callToAction_items-4 .callToAction_item {
  height: 16rem
}

.callToAction_items.callToAction_items-4 .callToAction_item .callToAction_hoverImage {
  width: 50%
}

@media(min-width: 40rem) {
  .callToAction_items.callToAction_items-4 .callToAction_item .callToAction_hoverImage {
    width: 60%
  }
}

@media(min-width: 60rem) {
  .callToAction_items.callToAction_items-4 .callToAction_item .callToAction_hoverImage {
    width: 50%
  }
}

@media(min-width: 80rem) {
  .callToAction_items.callToAction_items-4 .callToAction_item .callToAction_hoverImage {
    width: 40%
  }
}

.callToAction_items.callToAction_items-4 .callToAction_item .callToAction_hoverText p {
  max-width: 20ch
}

@media(min-width: 40rem) {
  .callToAction_items.callToAction_items-4 {
    grid-template-columns: repeat(2, minmax(50%, 1fr))
  }
}

@media(min-width: 60rem) {
  .callToAction_items.callToAction_items-4 {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(2, 1fr)
  }
  .callToAction_items.callToAction_items-4 .callToAction_link:first-child {
    grid-column: 1/5
  }
  .callToAction_items.callToAction_items-4 .callToAction_link:nth-child(2) {
    grid-column: 5/13
  }
  .callToAction_items.callToAction_items-4 .callToAction_link:nth-child(3) {
    grid-column: 1/9
  }
  .callToAction_items.callToAction_items-4 .callToAction_link:last-child {
    grid-column: 9/13
  }
}

.callToAction_item {
  padding: 1.5rem;
  border-radius: var(--border-radius);
  border: var(--border-default)
}

.callToAction_link {
  text-decoration: none
}

.callToAction_link h3 {
  font-size: var(--font-size-larger);
  margin-bottom: .75rem;
  text-transform: none;
  line-height: calc(1em + .5rem);
}

@media(min-width: 40rem) {
  .callToAction_link h3 {
    font-size: var(--font-size-largest)
  }
}

@media(min-width: 80rem) {
  .callToAction_link h3 {
    margin-bottom: 1.5rem
  }
}

@media(min-width: 90rem) {
  .callToAction_link h3 {
    font-size: var(--font-size-h4)
  }
}

.callToAction_link p {
  font-size: var(--font-size-normal);
  margin-bottom: .75rem;
  color: #000;
}

@media(min-width: 40rem) {
  .callToAction_link p {
    font-size: var(--font-size-larger)
  }
}

@media(any-hover: hover)and (any-pointer:fine) {
  .callToAction_link:active .callToAction_hoverContent,
  .callToAction_link:focus .callToAction_hoverContent,
  .callToAction_link:hover .callToAction_hoverContent {
    opacity: 1
  }
}

@media(any-hover: hover)and (any-pointer:fine)and (min-width:60rem) {
  .callToAction_link:not(.callToAction_noImg):active .callToAction_icon,
  .callToAction_link:not(.callToAction_noImg):focus .callToAction_icon,
  .callToAction_link:not(.callToAction_noImg):hover .callToAction_icon {
    filter: invert(100%)
  }
}

.callToAction_item {
  position: relative;
  transition: background-color .2s ease-out;
  overflow: hidden;
}

.callToAction_hoverContent {
  opacity: 1;
  transition: opacity .2s ease-out
}

@media(min-width: 60rem) {
  .callToAction_hoverContent {
    opacity: 0
  }
}

.callToAction_hoverContent .callToAction_hoverText {
  width: 100%
}

.callToAction_hoverContent .callToAction_hoverImage {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 90%
}

.callToAction_hoverContent .callToAction_hoverImage img {
  border-bottom-right-radius: var(--border-radius)
}

@media(min-width: 40rem) {
  .callToAction_hoverContent .callToAction_hoverImage {
    width: 95%
  }
}

@media(min-width: 80rem) {
  .callToAction_hoverContent .callToAction_hoverImage {
    width: 80%
  }
}

.callToAction_icon {
  height: 40px;
  width: 40px;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  transition: filter .2s ease-out
}

@media(max-width: 60rem) {
  .callToAction_icon {
    filter: invert(100%)
  }

  .callToAction_items.callToAction_items-3 .callToAction_link .callToAction_item {
    min-height: auto;
  }
}

@media(min-width: 80rem) {
  .callToAction_icon {
    bottom: 2rem;
    right: 2rem
  }
}

.callToAction_noImg .callToAction_icon {
  filter: invert(0)
}

.callToAction_spacing-remove-top {
  padding-top: 0
}

.callToAction_spacing-remove-bottom {
  padding-bottom: 0
}

.callToAction_spacing-remove-all {
  padding-top: 0;
  padding-bottom: 0
}

.callToAction_callToAction {
  --font-size-largest: 1.5rem;
}

.callToAction_callToAction .callToAction_icon img {
  width: 100%;
}