.riot-button-btt {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REQ5NzdENTZFQzU3MTFFMzgwNDFGNUZBRjcyRDA4RkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REQ5NzdENTdFQzU3MTFFMzgwNDFGNUZBRjcyRDA4RkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERDk3N0Q1NEVDNTcxMUUzODA0MUY1RkFGNzJEMDhGQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERDk3N0Q1NUVDNTcxMUUzODA0MUY1RkFGNzJEMDhGQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmpaqgUAAAEPSURBVHja7NYxCoMwFAbgv+nkIrhZEAQHZ1ePUMghhPYUTk7i4hF6Gz2Fc6mLZ2hNaQuFUqj2lUb+Hx4JmfK9JJCV1noL4DDWBnbmNNZOWY7Abe8HZTnigVFYSAghhBBCCCGEEEIIIYSQr8TzPNR1jSRJ7IUYRFmWiOMYeZ6LY5QkIggCDMMAx3HEMUoS0bYtsiy7jtKY9Xj0hRSiqqrretM0CMMQURQhTVN0XYe+7/8TYjpdFAV8339C3CON+QrEIMy1cV33JeIXmNmQO8K8gXcIacwsyKcIScxkyFSEFGYSZC5CArPSWp/51yKEEEIIIYQQQgghhBBCCCFkWZDTAhy9gezNxGLEcazdRYABAALskwSMs7plAAAAAElFTkSuQmCC);
  position:fixed;
  display: block;
  right:20px;
  bottom:20px;
  height:50px;
  width:50px;
  min-width:50px;
  min-height:50px;
  opacity: 0;
  z-index: 100;
}

/* Make the button appear or dissapear with a fade in/out effect */
.riot-button-btt {
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;
}

.riot-button-btt:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTRBM0I3NzVFQzU3MTFFMzk3RkZFOEFBODUzRTU4NUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTRBM0I3NzZFQzU3MTFFMzk3RkZFOEFBODUzRTU4NUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFNEEzQjc3M0VDNTcxMUUzOTdGRkU4QUE4NTNFNTg1QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNEEzQjc3NEVDNTcxMUUzOTdGRkU4QUE4NTNFNTg1QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PofgrhsAAAENSURBVHja7NYxCoMwFAbgv+niIrhIEQQHV3HyHD1B5nbTxcnJO7j1SF7CsdTFI7SmtIVCKVT7SiP/D488MuV7JJCV1noL4DDWBnbmNNZOWY7A7ewHZTnigVFYSAghhBBCCCGEEEIIIYSQr8TzPNR1jSRJ7IUYRFVViOMYRVGIY5QkIggCDMMAx3HEMUoS0bYt8jy/rtKYdZqmtRSiaZrrvunDMEQURciyDF3Xoe/7/4SYSZdlCd/3nxD3SGO+AjEIc21c132J+AVmNuSOMG/gHUIaMwvyKUISMxkyFSGFmQSZi5DArLTWZ/61CCGEEEIIIYQQQgghhBBCCFkW5LQAR28ge9NYjDiOtbsIMACqyZMY6FXs2gAAAABJRU5ErkJggg==);
}