.block-heading-he {
  position: relative;
  max-width: 100%;
  color: rgb(var(--color-text));
  display: flex;
  align-items: flex-start;
  overflow: visible;
}

.block-heading-he .text-style-stroke {
  -webkit-text-stroke: 1px rgb(var(--color-text));
  color: rgb(var(--color-background));
}

.block-heading-he .normal {
  display: inline;
  flex-shrink: 0;
  padding-right: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 40%;
}

.block-heading-he .normal:last-child:nth-child(1) {
  max-width: 100%;
  width: 100%;
}

.block-heading-he .highlight {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.block-heading-he .highlight .text-container {
  position: relative;
  display: inherit;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.block-heading-he .highlight .text-container .text-content {
  position: relative;
  z-index: 1;
  display: inherit;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.block-heading-he .text-style-bottom {
  position: relative;
}

.bottom-highlight {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 21.9%;
  /* bottom: -17.06%; */
  /* z-index: 1; */
}

.bottom-highlight .btn-bottom-highlight {
  color: rgb(var(--color-button-background));
  fill: rgb(var(--color-button-background));
}

.text-style-bottom .bottom-highlight {
  display: block;
}

.block-heading-he .text-style-fill {
  color: rgb(var(--color-button-background));
  text-shadow: 0 0 1px rgb(var(--color-button-background));
}