.buttonspinner {
  position: relative;
  cursor: pointer;
}

.buttonspinner:active {
  background: #007a63;
}

.buttonspinner__text {
  transition: all 0.2s;
}

.buttonspinner--loading .buttonspinner__text {
  visibility: hidden;
  opacity: 0;
}

.buttonspinner--loading::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  margin: auto;
  border: 4px solid transparent;
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: button-loading-spinner 1s ease infinite;
}

@keyframes button-loading-spinner {
  from {
    transform: rotate(0turn);
  }

  to {
    transform: rotate(1turn);
  }
}

.scroll{
	overflow-y: scroll;
	scroll-behavior: smooth;
	    height: 325px;
}
.img1{
	border-radius: 50%;
}
.name{
	font-size: 8px;

}
.msg{
	background-color: #fff;
	font-size: 11px;
	padding: 5px;
	border-radius: 5px;
	font-weight: 500;
	color: #3e3c3c;
}
.between{
	font-size: 8px;
	font-weight: 500;
	color: #a09e9e;
}
.icon1{
	color: #7C4DFF !important;
	font-size: 18px !important;	
	cursor: pointer;
}

.icon2{
	color: #512DA8 !important;
    font-size: 18px !important;
    position: relative;
    left: 8px;
    padding: 0px;
    cursor: pointer;

}

.icondiv{
	
	border-radius: 50%;
	height: 35px;
	padding: 2px;
	position: relative;
	bottom: 1px;

}