.float{
    position:fixed;
    width:58px;
    height:58px;
    right:28px;
    bottom:28px;
    z-index:1400;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    text-decoration:none;
    color:#fff;
    background:linear-gradient(135deg,#21d46b,#12a84e);
    box-shadow:0 14px 35px rgba(0,0,0,.34);
    transition:transform .3s ease,box-shadow .3s ease;
}
.float:hover{
    transform:translateY(-4px) scale(1.04);
    box-shadow:0 18px 42px rgba(0,0,0,.42);
}
.my-float{font-size:28px}
@media(max-width:680px){
    .float{width:52px;height:52px;right:18px;bottom:18px}
    .my-float{font-size:25px}
}