#floater{
           position: fixed;
           transform: translateY(60vh);
           z-index: 200;
           justify-self: right;
           background:transparent;
           border-radius: 4px;
           margin: 20px;
      }
     .bac_to_up{
         background: rgb(4, 95, 199);
        width:50px;
        justify-content: center;
         margin:3px 4px;
        text-decoration: none;
        border-radius: 5px;
        padding: 10px;
        display: flex;
        color: white;
     }
       .wats_up{
         background:  rgb(6, 93, 194);
        width:50px;
        justify-content: center;
        margin:3px 4px;
        text-decoration: none;
        border-radius: 5px;
        padding: 10px 10px  0px 10px;
        display: block;
        color: white;
       }
        #whatsfloater{
               position: absolute;
               justify-self: right;
              margin:3px 4px;
           border-radius: 5px;
           padding: 10px 10px  30px 10px;
           background: rgb(148, 97, 3);
           box-shadow: 0 1px 2px rgb(216, 166, 2);
           height: 30px;
           width:170px;
              transform: translateY(-20vh) translateX(-4.6vw);
            }
         .bac_to_up:hover, .wats_up:hover{
           background: rgb(66, 204, 247);
           color:white 
        }