Участник:Мр. Арсений/песочница/styles.css

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

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

  position: absolute;
  bottom: 120%;

  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;
}