.dry-textInput__label {
  margin: 0;
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  font-style: normal;
  color: var(--gray-700);

  /** Dry typography automatically removes margin from the last child, so that container padding-bottom can be reliably applied without accounting for text margin. Override this so that the default label spacing matches the spec. */
  & > .dry-typography:last-child,
  /** If custom label used, ensure consistent spacing. */
  & > :only-child {
    margin-top: 0;
    margin-bottom: 6px;
  }

  &__required-asterisk {
    color: var(
      --error-500,
      #ef4444
    ); // Using a CSS variable for the red color, fallback to a specific red
    margin-left: 2px;
    font-weight: 600; // Making the asterisk slightly bolder
  }
}