.c-collection-teaser {
  max-inline-size: var(--si-width-3xsmall);
  width: -moz-fit-content;
  width: fit-content;
}
.c-collection-teaser.no-media {
  background-color: var(--si-color-off-white);
  display: flex;
  align-items: center;
  padding: 1.25rem;
  inline-size: 100%;
}
@media (min-width: 768px) {
  .c-collection-teaser {
    max-inline-size: initial;
  }
}

.c-collection-teaser:hover figure img, .c-collection-teaser:focus-within figure img, .c-collection-teaser:hover .c-collection-teaser__image img, .c-collection-teaser:focus-within .c-collection-teaser__image img {
  transform: scale(1.1);
  transition: transform 350ms ease-in-out;
}

.c-collection-teaser figure,
.c-collection-teaser__image {
  overflow: hidden;
  margin-block-end: 8px;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .c-collection-teaser figure,
  .c-collection-teaser__image {
    margin-block-end: 12px;
  }
}

.c-collection-teaser__content {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
@media (min-width: 768px) {
  .c-collection-teaser__content {
    gap: 4px;
  }
}

.c-collection-teaser__heading {
  font-size: var(--si-fs-body-18);
  line-height: var(--si-lh-body-18);
}
.c-collection-teaser__heading a {
  color: var(--si-color-black);
  transition: all 0.2s cubic-bezier(0.37, 0, 0.63, 1);
  background-image: linear-gradient(180deg, transparent 0, transparent calc(100% - 1px), currentColor calc(100% - 1px), currentColor 100%);
  background-position: 0 calc(100% - 2px);
  background-repeat: no-repeat;
  background-size: 0;
  display: inline;
  padding-bottom: 2px;
  position: relative;
  text-decoration: none;
  transition: background-size 0.2s cubic-bezier(0.37, 0, 0.63, 1);
}
.c-collection-teaser__heading a:hover, .c-collection-teaser__heading a:focus {
  background-size: 100%;
  text-decoration: none;
}
.c-collection-teaser__heading a:hover, .c-collection-teaser__heading a:focus {
  color: var(--si-color-black);
}

.c-collection-teaser__meta *,
.c-collection-teaser__unit * {
  color: var(--si-color-black);
  font-size: 0.75rem;
  line-height: 1.125rem;
}