.social {
    height: 700px;
    width: 100%;
    background-color: #dcdcdc77;

}

.social .container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.boxes {
    display: flex;
    width: 90%;
    justify-content: space-between;
    align-items: center;
}

.card {
    width: 200px;
    background-color: white;
    padding: 50px;
    border-radius: 9px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    /* Sombra */
    text-align: center;
    align-items: center;
    justify-items: center;
    justify-content: center;
}
.botao {
  left: -2px;

}