.card_demo {
    z-index: 50;
    position: relative;
}

.card_demo .emotion {
    margin: 0 auto;
    text-align: center;
}

.card_demo p {
    text-align: center;
    margin: 10px auto 30px;
}

.card_demo .buttons_container {
    margin: 20px auto 0;
    z-index: 10;
}

.card_demo .buttons_container .button {
    z-index: 10;
}

@media(max-width: 950px) {
    .card_demo {
        margin: 45px auto 0;
    }
}

@media (max-width: 750px) {
    .flip-card {
        margin-bottom: 0;
    }
}

@media (max-width: 600px) {
    .card_demo .buttons_container {
        margin: 50px auto 0;
    }

    .card_demo .buttons_container .button {
        margin-right: 0;
    }
}