#button {
  display: inline-block;
  
  width: 60px;
    height: 60px;
  text-align: center;
  border-radius: 30px;
  position: fixed;
  bottom: 5%;
  right: 2%;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button img {width: 50%; margin: auto; align-content: center; padding: 17px 0; box-sizing: border-box;}

#button::after {
  background-image: im;
    background-size: contain;
  color: #ffffff;
    opacity: 1;
}
#button:hover {
  cursor: pointer;
  background-color: #4c4946;
    opacity: 1;
}
#button:active {
  background-color: #d1bc70;
}
#button.show {
  opacity: 1;
  visibility: visible;
}




/*************** TABLET ***************/
@media screen and (max-width: 900px) and (min-width: 500px) {
    
    
    #button {
        width: 45px; height: 45px;
        background-color: #f2f2f2 ;
        opacity: 0.2;
        
    }  
    #button img {padding: 13px 0;}

}





/************ MOBILE *************/
@media screen and (max-width: 501px) {
    
}