/* Seasonal badge on course images (config "hero_promo"; Catalog::injectEnrollPromo + hero-course-new) */
.enroll-promo__badge--on-media {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  z-index: 3;
  width: 7.2rem;
  height: auto;
  transform: none;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, 0.28));
  pointer-events: none;
}

/* Media hosts must position the badge */
.course-spec-card__media,
.courses-where__media,
.featured-cert__media,
.card-course > div:first-child,
.media-text__visual,
.hero-aside-media,
.hero-right-col,
.hero-mobile-media {
  position: relative;
}

/* Spec cards */
.course-spec-card__media .enroll-promo__badge--on-media {
  top: 1.2rem;
  right: 1.2rem;
  width: 9.6rem;
}

/* Featured cards on courses.php */
.courses-where__media .enroll-promo__badge--on-media {
  top: 1.2rem;
  right: 1.2rem;
  width: 9.2rem;
}

/* Monthly specials featured cert */
.featured-cert__media .enroll-promo__badge--on-media {
  top: 1.2rem;
  right: 1.2rem;
  width: 9.2rem;
}

/* Legacy card-course */
.card-course > div:first-child .enroll-promo__badge--on-media {
  top: 1.2rem;
  right: 1.2rem;
  width: 6.4rem;
}

/* media-text large images */
.media-text__visual .enroll-promo__badge--on-media {
  top: 1.6rem;
  right: 1.6rem;
  width: 8rem;
}

/* Course hero (desktop / aside / mobile) */
.hero-right-col .enroll-promo__badge--on-media,
.hero-aside-media .enroll-promo__badge--on-media {
  top: 1.4rem;
  right: 1.4rem;
  width: 11rem;
}

.hero-mobile-media .enroll-promo__badge--on-media {
  top: 1.2rem;
  right: 1.2rem;
  width: 7.2rem;
}

.hero-right-col,
.hero-aside-media,
.hero-mobile-media {
  overflow: visible;
}

@media all and (max-width: 575px) {
  .enroll-promo__badge--on-media,
  .course-spec-card__media .enroll-promo__badge--on-media,
  .courses-where__media .enroll-promo__badge--on-media,
  .featured-cert__media .enroll-promo__badge--on-media,
  .card-course > div:first-child .enroll-promo__badge--on-media,
  .media-text__visual .enroll-promo__badge--on-media,
  .hero-aside-media .enroll-promo__badge--on-media,
  .hero-mobile-media .enroll-promo__badge--on-media {
    width: 5.6rem;
    top: 1rem;
    right: 1rem;
  }
}