.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}


.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


picture,
video,
embed {
    max-width: 100%;
}

.botao
{

    width: 50px;
    border: none;
    margin-right: 10px;
    opacity: 0.5;
}
.botao:hover {
    opacity:1;
    box-shadow:
        1px 1px #A9A9A9,
        2px 2px #A9A9A9,
        3px 3px #A9A9A9;
    -webkit-transform: translateX(-3px);
    transform: translateX(-3px);
}