.citrus{
    display: block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    background: url('/modules/mod_citrusfooter/images/cm-logo.png');
    opacity: 0.2;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.citrus:hover{
    width: 166px;
    opacity: 0.7;   
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}