.floating {
  position: fixed;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  right: 3rem;
  bottom: 5rem;

  @media screen and (max-width:690px) {
    gap: 0.8rem;
    right: 2rem;
    bottom: 2rem;
  }

    @media screen and (min-width:691px)and (max-width: 900px) {
      bottom: 3rem;
    }
}

.floating li {
  border-radius: 60px;
  width: 8rem;
  height: 8rem;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.2) 2px 4px 9px;
  
  @media screen and (max-width:690px) {
    width: 5.5rem;
    height: 5.5rem;
  }
}

.floating a {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
}

.floating img {
  width: 100%;
    height: 100%;
    object-fit: cover;
}