.popbox.invisible, .popbox2.invisible, .profile.invisible{
  display: none;
}
.popbox{
  background-color: hsl(217, 19%, 35%) ;
  border-radius: 0 0 1rem 1rem;
  display: flex;
  align-items: center;
  padding-block: 1rem;
  padding-inline: 1.5rem;
  column-gap: .5rem;
}
.popbox2{
  display: none;
}
.share-text{
  letter-spacing: 3px;
}

.popbox .icon-container:nth-child(5){
  margin-left: auto;
}
@media(width>600px){
  .popbox{
    display: none;
  }
  .popbox2{
    position: absolute;
    background-color: hsl(217, 19%, 35%);
    display: flex;
    top: -60px;
    width: fit-content;
    column-gap: 1rem;
    align-items: center;
    padding: .8rem;
    padding-inline: 2.5rem;
    border-radius: .5rem;
  }
  .popbox2 .icon-container:nth-child(3){
    margin-left: unset;
  }
  .popbox2 .share-text{
    font-size: .9rem;
   
  }
}