@media (min-width: 768px) {

}

.chat {
  position: fixed;
  z-index: 1000;
  cursor: pointer;
}
.chat-sticky {
  cursor: pointer;
}
@media (min-width: 768px) {
  /*.share {
    right: unset;
    bottom: unset;
  }*/
}

.chat__toggle:checked ~ .chat__button {
  transform: rotate(-180deg);
}

  @media (max-width: 640px) {
    .chat {
      right: 10px;
      bottom: 55px;
    }
  }
  @media (min-width: 641px) {
    .chat {
      right:40px;
      bottom: 30px;
    }
  }

  .chat__toggle:checked ~:nth-child(3) {
    transform: translateX(-55px) rotate(0);
  }

  .chat__toggle:checked ~:nth-child(4) {
    transform: translateX(-110px) rotate(0);
  }

  .chat__toggle:checked ~:nth-child(5) {
    transform: translateX(-165px) rotate(0);
  }
  .chat__toggle:checked ~:nth-child(6) {
    transform: translateX(-220px) rotate(0);
  }
  .chat-sticky {
    bottom: 80px;
    right: 0px;
  }


.chat-sticky {
  z-index: 1000;
  position: fixed;
}

.chat-sticky .chat-icon {
  text-align: center;
  margin: auto;
  width: 47px;
  height: 47px;
}
.chat-sticky {
  padding: 5px;
}

.chat-icon {
  padding-left: 5px;
}

.chat-sticky .chat-icon a {
  width: 47px;
  height: 47px;
}

.chat-sticky .chat-icon a i {
  color: white;
  margin-top: 3px;
}

.chat-sticky .chat-icon:hover {
  background: #BF352D;
}



/*.chat__toggle:checked ~ .chat__icon--facebook {
  transform: translateX(-55px) rotate(0);
}
.chat__toggle:checked ~ .chat__icon--twitter {
  transform: translateX(-110px) rotate(0);
}
.chat__toggle:checked ~ .chat__icon--pinterest {
  transform: translateX(-165px) rotate(0);
}
.chat__toggle:checked ~ .chat__icon--linkedin {
  transform: translateX(-220px) rotate(0);
}*/
.chat__button {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  color: white;
  border: 2px solid #bf352d;
  background-color: #bf352d;
  border-radius: 50px;
  box-shadow: 0px 0px 0px 1px #98DFFD;
  cursor: pointer;
  transition: .3s ease;
}

.chat__button img{
  width: 74px;
}

.chat__icon img {
  width: 50px;
  border-radius: 25px;
}

.chat-icon a img {
  height: 47px;
}

.chat__icon {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  transform: translateX(0) rotate(180deg);
  cursor: pointer;
  transition: .3s ease-in-out;
}
/*
.chat__icon:hover {
  text-decoration: none;
  border: 2px solid #bf352d;
  background: #BF352D;
}
.chat__icon--facebook {
  background-color: #3b5998;
}
.chat__icon--wechat {
  background-color: #00DC65;
}
.chat__icon--whatsapp {
  background-color: #2DB742;
}
*/
/*.chat__icon--email {
  background-color: #0077b5;
}*/
.chat__icon i {
  color: white;
}