.contact-div {
  max-width: fit-content;
  border: 1px solid #FFF;
  transition: all 0.3s ease;
  position: relative;
}

.contact-div:hover {
  cursor: pointer;
  color: #333;
  background-color: #FFF;
}

.contact-div:hover::after {
  content: attr(data-popover);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #FFF;
  padding: 5px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 1;
}

.contact-div::after {
  content: "";
  opacity: 0;
  transition: opacity 0.3s ease;
}

  .contact-container {
    margin-top: 8rem;
    margin-bottom: 8rem;
    color: #FFF;
    font-size: 1.2rem;
  }

  @media (max-width: 1024px) {
    .contact-div.clicked:hover {
      color: #FFF;
      background-color: transparent;
    }
    .contact-div.clicked:hover::after {
      opacity: 0;
    }
  }