.float{
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 55px;
    left: 30px;
    background-color: #2ac844;
    color: rgb(0 0 0);
    border-radius: 37px;
    text-align: center;
    font-size: 42px;
    box-shadow: 2px 2px 3px rgb(42 42 42);
    z-index: 100;
}
.float:hover {
	text-decoration: none;
	color: #92d9c7;
  background-color:#92d9c7;
}

.my-float{
	margin-top:10px;
}

@media (max-width: 767px) {

  .float{
    left: 80%;
    right: 30px;
  }

}