/* Scrim card CTA: plain underlined text in the card's upper-right corner. */
html body #scrims .scrim-card > div {
  padding-right: 230px !important;
}

html body #scrims .scrim-card .card-cta {
  position: absolute !important;
  top: 22px !important;
  right: 26px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 2 !important;
  display: inline-block !important;
  flex: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 0 7px !important;
  color: #fff !important;
  background: none !important;
  background-color: transparent !important;
  border: 0 !important;
  border-bottom: 3px solid currentColor !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  font-size: clamp(20px, 2.15vw, 28px) !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  letter-spacing: .01em !important;
  white-space: nowrap !important;
  transition: color .18s ease, border-color .18s ease, transform .18s ease !important;
}

html body #scrims .scrim-card:hover .card-cta,
html body #scrims .scrim-card:focus-visible .card-cta {
  color: #fff !important;
  background: none !important;
  background-color: transparent !important;
  border: 0 !important;
  border-bottom: 3px solid currentColor !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: translateX(3px) !important;
}

@media (max-width: 720px) {
  html body #scrims .scrim-card > div {
    padding-top: 46px !important;
    padding-right: 0 !important;
  }

  html body #scrims .scrim-card .card-cta {
    top: 18px !important;
    right: 18px !important;
    padding-bottom: 6px !important;
    font-size: 18px !important;
  }
}