.bs-float-button .bs-float-button-shade {
  position: fixed;
  width: 100%;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
  background: linear-gradient(-180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.bs-float-button .bs-float-button-wrapper {
  position: fixed;
  z-index: 999999;
}
.bs-float-button .bs-float-button-wrapper .bs-float-button-center {
  position: absolute;
  z-index: 999;
  width: 40px;
  height: 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(#4ba7ff), to(#5374ff));
  background: -webkit-linear-gradient(top, #4ba7ff 0%, #5374ff 100%);
  background: linear-gradient(-180deg, #4ba7ff 0%, #5374ff 100%);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bs-float-button .bs-float-button-wrapper .bs-float-button-center svg {
  color: #fff;
  width: 60%;
  height: 60%;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.bs-float-button .bs-float-button-wrapper .bs-float-button-center .bs-float-button-icon-rotate {
  -webkit-animation: iconRotate 300ms linear forwards;
  animation: iconRotate 300ms linear forwards;
}
@-webkit-keyframes iconRotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
}
@keyframes iconRotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
}
.bs-float-button .bs-float-button-wrapper .bs-float-button-center .bs-float-button-icon-reverse-rotate {
  -webkit-animation: iconNoRotate 300ms linear forwards;
  animation: iconNoRotate 300ms linear forwards;
}
@-webkit-keyframes iconNoRotate {
  0% {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes iconNoRotate {
  0% {
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.bs-float-button .bs-float-button-wrapper .bs-float-button-center .bs-float-button-child {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1 !important;
}
.bs-float-button .bs-float-button-wrapper .bs-float-button-center .bs-float-button-child .bs-float-button-child-wrapper {
  width: 40px;
  height: 40px;
  background: -webkit-gradient(linear, left top, left bottom, from(#4ba7ff), to(#5374ff));
  background: -webkit-linear-gradient(top, #4ba7ff 0%, #5374ff 100%);
  background: linear-gradient(-180deg, #4ba7ff 0%, #5374ff 100%);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
