UTT (Slide-Out) - BR CSS

#container-bottom-right {
    position:fixed; /*don't change*/
    bottom:0px; /*don't change*/
    z-index:999; /*don't change*/
    right:10px; /*higher number = farther to left*/

    /*transition speed: 0.1 = fastest and 1 = slowest*/
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    }

    #container-bottom-right:hover {
        bottom:150px; /*WHAT YOU WILL NEED TO CHANGE ACCORDING TO HOW MANY LINES OF TEXT YOU HAVE (higher number for more text)*/

        /*transition speed: 0.1 = fastest and 1 = slowest*/
        -webkit-transition: all .7s ease-in-out;
        -moz-transition: all .7s ease-in-out;
        -o-transition: all .7s ease-in-out;
    }

#text-bottom-right {
    font-size:10px;
    font-family:calibri;
    text-align:center;
    width:100px; /*should match the image width*/

    /*don't change anything below this*/
    padding:0px 0px 0px 0px;
    position:fixed;
}

#image-bottom-right img {
    width: 100px; /*should match the text width*/
    height: auto; /*don't change*/
}