/* Match the COPD hero CTA to the final Asthma hero CTA styling. */
.copd-page .copd-hero .asthma-hero__button--primary.btn {
  box-sizing: border-box !important;
  width: auto !important;
  min-width: 0 !important;
  height: clamp(40px, 3.26vw, 54px) !important;
  min-height: 0 !important;
  padding: 0 clamp(18px, 1.67vw, 30px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(7px, .7vw, 12px) !important;
  color: #fff !important;
  background: #4e7654 !important;
  border: 0 !important;
  border-radius: clamp(8px, .69vw, 13px) !important;
  box-shadow: none !important;
  font-family: "Jost", sans-serif !important;
  font-size: clamp(11px, .903vw, 15px) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: clamp(1.1px, .097vw, 1.7px) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
}

.copd-page .copd-hero .asthma-hero__button--primary.btn:hover,
.copd-page .copd-hero .asthma-hero__button--primary.btn:focus-visible {
  color: #fff !important;
  background: #41654a !important;
  transform: translateY(-3px);
}

.copd-page .copd-hero .asthma-hero__button--primary.btn svg {
  width: clamp(18px, 1.15vw, 22px);
  height: clamp(18px, 1.15vw, 22px);
}