@mixin button_floating {

padding: 0.0;
font-size: 27px;
width: 70px;
height: 70px;
position: fixed;
border-radius: 50%;
cursor: pointer;
background-color: #f36;
bottom: 3%;
left: 0%;
margin-left: 27px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.28);
z-index: 999999999999;

}

@mixin data_color{

&[data="blue"]{
  @include linear-gradient($info-states, $info);
  &:before{
    border-bottom-color: $info;
  }
}
&[data="green"]{
  @include linear-gradient($success-states, $success);
  &:before{
    border-bottom-color: $success;
  }
}
&[data="pro"]{
  @include linear-gradient($proA, $proB);
  &:before{
    border-bottom-color: $proB;
  }
}
&[data="orange"]{
  @include linear-gradient($warning-states, $warning);
  &:before{
    border-bottom-color: $warning;
  }
}
&[data="red"]{
  @include linear-gradient($danger-states, $danger);
  &:before{
    border-bottom-color: $danger;
  }
}

}