.c-promo {
  --promo-bg-width: 80%;
  --promo-bg-height: 70%;
  min-height: 24rem;
  background-size: cover;
  background-position: center;
  filter: saturate(70%);
}
.c-promo__link {
  height: 100%;
}
@media screen and (min-width: 992px) {
  .c-promo__link:hover .c-promo__header:after {
    --promo-bg-width: 100%;
    --promo-bg-height: 100%;
  }
}
.c-promo__header {
  height: 100%;
}
.c-promo__header:after {
  display: block;
  position: absolute;
  content: "";
  background-color: rgba(13, 13, 13, 0.7);
  width: var(--promo-bg-width);
  height: var(--promo-bg-height);
  z-index: 1;
  transition: all 0.3s ease-out;
}
.c-promo__content {
  z-index: 2;
  padding: 0 1rem;
  width: 80%;
}
.c-promo .c-btn--default {
  --btn-label: $link-01;
  box-shadow: 0 0 0 1px #fff;
}
@media screen and (min-width: 992px) {
  .c-promo .c-btn--default:hover {
    --btn-label: var(--theme-color);
    box-shadow: 0 0 0 1px var(--theme-color);
  }
}
.c-promo__label {
  color: var(--theme-color);
}