Участник:Mr. Arceni/песочница/styles.css

.temp-hover {
  position: relative;
  display: inline-block;
}

.temp-hover-content {
  display: none;
  overflow: auto;
  min-width: 200px;
  max-width: 300px;
  min-height: 70px;
  max-height: 300px;

  position: absolute;
  bottom: 100%;

  /*background-color: hsl(var(--color-primary__h), 22%, 20%);*/
  padding: 4px;
  border-radius: 8px;
  /*box-shadow: hsla(var(--surface-shadow), var(--shadow-strength)) 2px 2px 4px 0px;*/
}

.temp-hover:hover .temp-hover-content {
  display: block;
}