.node--certificate--teaser {
  width: 100%;
  height: 100%;
  border-radius: var(--radius--3);
  border: 1px solid var(--c--gray--light--ultra);
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}
.node--certificate--teaser picture {
  max-height: 29.6rem;
}
.node--certificate--teaser img {
  width: 100%;
}
.node--certificate--teaser .info {
  padding: 0 var(--spacing--3) var(--spacing--3);
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing--2);
}
.node--certificate--teaser hgroup {
  display: flex;
  flex-direction: column;
  gap: var(--spacing--05);
}
.node--certificate--teaser h3 {
  font-size: var(--typography--font-size--lg);
  font-weight: 600;
}
.node--certificate--teaser h4 {
  font-size: var(--typography--font-size--sm);
}
.node--certificate--teaser .btn--icon-text {
  font-weight: 700;
  color: var(--c--primary);
}
.node--certificate--teaser .btn--icon-text i {
  font-size: var(--typography--font-size--sm);
}
.node--certificate--teaser a {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  border-radius: var(--radius--3);
  border: 1px solid var(--c--primary);
  transition: opacity 0.45s ease-in-out;
  text-indent: -9999px;
}
@media (min-width: 992px) {
  .node--certificate--teaser picture {
    max-height: 22.6rem;
  }
  .node--certificate--teaser:hover .btn--icon-text, .node--certificate--teaser:active .btn--icon-text {
    color: var(--button--danger);
  }
  .node--certificate--teaser:hover .btn--icon-text i, .node--certificate--teaser:active .btn--icon-text i {
    background-color: var(--button--danger);
  }
  .node--certificate--teaser:hover a, .node--certificate--teaser:active a {
    opacity: 1;
  }
}
/*# sourceMappingURL=node--certificate--teaser.css.map */