/* The campaign applies only to Diamond II KeePer. Keep the original CTA artwork. */
.discount-cta {
  container-type: inline-size;
}
.discount-cta__label {
  position: absolute;
  z-index: 3;
  left: 9.5%;
  width: 81%;
  top: 4.2%;
  height: 18.2%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #1caf35;
  font-family: var(--font-campaign-detail);
  font-size: clamp(12px, 4.6cqw, 32px);
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}
.fixed-line-cta__badge--dia2 {
  width: max-content;
  max-width: calc(100% - 24px);
  padding: 4px 12px;
  border: 2px solid #5aaa19;
  border-radius: 6px;
  background: #fff;
  color: #489e20;
  font-size: clamp(14px, 3.8vw, 18px);
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
}
/* Cover only the old first line; preserve the laurels and WEB benefits heading. */
.second-section__discount-heading {
  position: absolute;
  z-index: 1;
  top: 21.194322%;
  left: 14%;
  width: 71.333333%;
  height: 7.333333cqw;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: image-set(url('/coating/assets/second-section/second-background-750.jpg') 1x, url('/coating/assets/second-section/second-background-1500.jpg') 2x);
  background-size: 100cqw auto;
  background-position: -14cqw -135.066667cqw;
  background-repeat: no-repeat;
  color: #ffed00;
  font-family: var(--font-campaign-detail);
  font-size: 4.8cqw;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}