.lead-toggle {
  align-items: center;
  background: rgba(245, 239, 224, 0.08);
  border: 1px solid rgba(245, 239, 224, 0.22);
  border-radius: 999px;
  color: currentColor;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-size: 13px;
  font-weight: 850;
  gap: 6px;
  margin-top: 10px;
  min-height: 34px;
  padding: 7px 13px;
}

.lead-toggle:hover {
  background: rgba(213, 173, 69, 0.18);
  border-color: rgba(213, 173, 69, 0.64);
}

.lead-toggle::after {
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  content: "";
  height: 7px;
  transform: rotate(45deg) translateY(-2px);
  transition: transform 160ms ease;
  width: 7px;
}

.lead-toggle.is-expanded::after {
  transform: rotate(225deg) translateY(-2px);
}

.lead.lead--expandable {
  overflow: hidden;
  transition: max-height 220ms ease;
}

.lead.lead--collapsed {
  max-height: var(--lead-collapsed-height, 16.6em);
  position: relative;
}

.lead.lead--collapsed::after {
  background: linear-gradient(180deg, rgba(7, 9, 13, 0), rgba(7, 9, 13, 0.88));
  bottom: 0;
  content: "";
  height: 3.6em;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
}

@media (max-width: 720px) {
  .lead.lead--collapsed {
    max-height: var(--lead-collapsed-height-mobile, 18.8em);
  }
}