article.external-link--teaser, article.page--teaser {
  height: 100%;
}
article.external-link--teaser h2, article.page--teaser h2 {
  font-size: 18px;
}
article.external-link--teaser img, article.page--teaser img {
  width: 100%;
}
article.external-link--teaser .field--name-field-description,
article.external-link--teaser .field--name-body, article.page--teaser .field--name-field-description,
article.page--teaser .field--name-body {
  padding: 20px;
}
article.external-link--teaser .content-wrap, article.page--teaser .content-wrap {
  position: relative;
  background-color: #fff;
  height: calc(100% - 28px);
}
article.external-link--teaser .content-wrap:hover .card-box-hover, article.page--teaser .content-wrap:hover .card-box-hover {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(143, 61, 135, 0.7);
  align-items: center;
  display: flex;
  justify-content: center;
}
article.external-link--teaser .card-box-hover, article.page--teaser .card-box-hover {
  display: none;
}
article.external-link--teaser .card-box-hover .card-link a, article.page--teaser .card-box-hover .card-link a {
  background: #fff;
  padding: 12px 20px;
  color: #b04abd;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
article.external-link--teaser .card-box-hover .card-link a:hover, article.page--teaser .card-box-hover .card-link a:hover {
  text-decoration: underline;
}
article.external-link--teaser .card-box-hover .card-link a svg, article.page--teaser .card-box-hover .card-link a svg {
  fill: #b04abd;
}