.squared-float-btn {
  background-color: rgba(94, 88, 217, 0.1);
  width: 240px;
  height: 240px;
  border-radius: 1em;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  transition: 1s;
}
.squared-float-btn:hover {
  background-color: whitesmoke;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 16px;
}
.squared-float-btn:hover i {
  background: None;
  color: #0762c8 !important;
  -webkit-text-fill-color: #0762c8;
}
.squared-float-btn:hover h6 {
  background: None;
  -webkit-text-fill-color: #0762c8;
  color: #0762c8;
}
.squared-float-btn i {
  font-size: 168px;
  background: linear-gradient(to bottom right, #0762c8, #a7caee);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 10px;
  position: relative;
  left: 50%;
  transform: translate(-50%);
}
.squared-float-btn h6 {
  background: linear-gradient(to bottom right, #0762c8, #a7caee);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

/*# sourceMappingURL=squared_floating_btn.css.map */