:has(> .teaser-content) {
  container: teaser/inline-size;
  font-size: 16px;
  box-sizing: border-box;
}

:has(> .teaser-content.has-single-link):focus, :has(> .teaser-content.has-single-link):focus-within {
  outline: var(--Outline-Container);
}
:has(> .teaser-content.has-single-link):hover .button, :has(> .teaser-content.has-single-link):focus .button, :has(> .teaser-content.has-single-link):focus-within .button {
  text-decoration: underline;
  text-underline-offset: 3px;
  border-color: var(--Color-Text-Hover);
  color: var(--Color-Text-Hover);
}
:has(> .teaser-content.has-single-link):hover .button .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):hover .button:after, :has(> .teaser-content.has-single-link):focus .button .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):focus .button:after, :has(> .teaser-content.has-single-link):focus-within .button .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):focus-within .button:after {
  background-color: var(--Color-Primary-Hover);
  left: var(--Spacing-02);
}
:has(> .teaser-content.has-single-link):hover .button .icon, :has(> .teaser-content.has-single-link):focus .button .icon, :has(> .teaser-content.has-single-link):focus-within .button .icon {
  transform: scale(1.2);
}
:has(> .teaser-content.has-single-link):hover .button.is-primary, :has(> .teaser-content.has-single-link):focus .button.is-primary, :has(> .teaser-content.has-single-link):focus-within .button.is-primary {
  text-decoration: underline;
  text-underline-offset: 3px;
  background-color: var(--Color-Primary-Hover);
  border-color: var(--Color-Primary-Hover);
  color: var(--Color-Primary-Text-Hover);
}
:has(> .teaser-content.has-single-link):hover .button.is-primary .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):hover .button.is-primary:after, :has(> .teaser-content.has-single-link):focus .button.is-primary .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):focus .button.is-primary:after, :has(> .teaser-content.has-single-link):focus-within .button.is-primary .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):focus-within .button.is-primary:after {
  background-color: var(--Color-Primary-Hover);
  left: var(--Spacing-02);
}
:has(> .teaser-content.has-single-link):hover .button.is-primary .icon, :has(> .teaser-content.has-single-link):focus .button.is-primary .icon, :has(> .teaser-content.has-single-link):focus-within .button.is-primary .icon {
  transform: scale(1.2);
}
:has(> .teaser-content.has-single-link):hover .button.is-primary .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):hover .button.is-primary:after, :has(> .teaser-content.has-single-link):focus .button.is-primary .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):focus .button.is-primary:after, :has(> .teaser-content.has-single-link):focus-within .button.is-primary .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):focus-within .button.is-primary:after {
  background-color: var(--Color-Primary-Text-Hover);
}
:has(> .teaser-content.has-single-link):hover .button.is-primary-outline, :has(> .teaser-content.has-single-link):focus .button.is-primary-outline, :has(> .teaser-content.has-single-link):focus-within .button.is-primary-outline {
  text-decoration: underline;
  text-underline-offset: 3px;
  border-color: var(--Color-Primary);
}
:has(> .teaser-content.has-single-link):hover .button.is-primary-outline .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):hover .button.is-primary-outline:after, :has(> .teaser-content.has-single-link):focus .button.is-primary-outline .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):focus .button.is-primary-outline:after, :has(> .teaser-content.has-single-link):focus-within .button.is-primary-outline .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):focus-within .button.is-primary-outline:after {
  background-color: var(--Color-Primary-Hover);
  left: var(--Spacing-02);
}
:has(> .teaser-content.has-single-link):hover .button.is-primary-outline .icon, :has(> .teaser-content.has-single-link):focus .button.is-primary-outline .icon, :has(> .teaser-content.has-single-link):focus-within .button.is-primary-outline .icon {
  transform: scale(1.2);
}
:has(> .teaser-content.has-single-link):hover .button.is-secondary, :has(> .teaser-content.has-single-link):focus .button.is-secondary, :has(> .teaser-content.has-single-link):focus-within .button.is-secondary {
  text-decoration: underline;
  text-underline-offset: 3px;
  background-color: var(--Color-Secondary-Hover);
  border-color: var(--Color-Secondary-Hover);
  color: var(--Color-Secondary-Text);
}
:has(> .teaser-content.has-single-link):hover .button.is-secondary .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):hover .button.is-secondary:after, :has(> .teaser-content.has-single-link):focus .button.is-secondary .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):focus .button.is-secondary:after, :has(> .teaser-content.has-single-link):focus-within .button.is-secondary .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):focus-within .button.is-secondary:after {
  background-color: var(--Color-Primary-Hover);
  left: var(--Spacing-02);
}
:has(> .teaser-content.has-single-link):hover .button.is-secondary .icon, :has(> .teaser-content.has-single-link):focus .button.is-secondary .icon, :has(> .teaser-content.has-single-link):focus-within .button.is-secondary .icon {
  transform: scale(1.2);
}
:has(> .teaser-content.has-single-link):hover .button.is-secondary .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):hover .button.is-secondary:after, :has(> .teaser-content.has-single-link):focus .button.is-secondary .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):focus .button.is-secondary:after, :has(> .teaser-content.has-single-link):focus-within .button.is-secondary .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):focus-within .button.is-secondary:after {
  background-color: var(--Color-Secondary-Text);
}
:has(> .teaser-content.has-single-link):hover .button.is-secondary-outline, :has(> .teaser-content.has-single-link):focus .button.is-secondary-outline, :has(> .teaser-content.has-single-link):focus-within .button.is-secondary-outline {
  text-decoration: underline;
  text-underline-offset: 3px;
  border-color: var(--Color-Secondary-Hover);
}
:has(> .teaser-content.has-single-link):hover .button.is-secondary-outline .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):hover .button.is-secondary-outline:after, :has(> .teaser-content.has-single-link):focus .button.is-secondary-outline .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):focus .button.is-secondary-outline:after, :has(> .teaser-content.has-single-link):focus-within .button.is-secondary-outline .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):focus-within .button.is-secondary-outline:after {
  background-color: var(--Color-Primary-Hover);
  left: var(--Spacing-02);
}
:has(> .teaser-content.has-single-link):hover .button.is-secondary-outline .icon, :has(> .teaser-content.has-single-link):focus .button.is-secondary-outline .icon, :has(> .teaser-content.has-single-link):focus-within .button.is-secondary-outline .icon {
  transform: scale(1.2);
}
:has(> .teaser-content.has-single-link):hover .button.is-text, :has(> .teaser-content.has-single-link):focus .button.is-text, :has(> .teaser-content.has-single-link):focus-within .button.is-text {
  text-decoration: underline;
  text-underline-offset: 3px;
  border-color: var(--Color-Text-Hover);
  color: var(--Color-Text-Hover);
}
:has(> .teaser-content.has-single-link):hover .button.is-text .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):hover .button.is-text:after, :has(> .teaser-content.has-single-link):focus .button.is-text .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):focus .button.is-text:after, :has(> .teaser-content.has-single-link):focus-within .button.is-text .whitespace-nowrap:after, :has(> .teaser-content.has-single-link):focus-within .button.is-text:after {
  background-color: var(--Color-Primary-Hover);
  left: var(--Spacing-02);
}
:has(> .teaser-content.has-single-link):hover .button.is-text .icon, :has(> .teaser-content.has-single-link):focus .button.is-text .icon, :has(> .teaser-content.has-single-link):focus-within .button.is-text .icon {
  transform: scale(1.2);
}

.teaser-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: var(--Spacing-05);
}

/*# sourceMappingURL=teaser-content.css.map */