.logo-hover .happy {
  transition: all 0.2s ease;
  background: #f9f9f9;
  position: absolute;
  border-radius: 3px;
  margin-right: -6px;
  margin-top: -20px;
  padding: 0 6px;
  opacity: 0;
  left: 37px;
  top: 0;
}
@media screen and (min-width: 1024px) {
  .logo-hover:hover .happy {
    display: inline-block;
    opacity: 1;
  }
}