body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: center;
    background: linear-gradient(135deg, #ff0000, #0022ff);
    background-size: cover;
    min-height: 100vh;
    color: white;
}

.card {
    width: 140px;
    min-height: 70px;
    padding: 12px 16px;

    display: inline-flex; /* 👈 essa linha */
    align-items: center;
    justify-content: center;

    border-radius: 20px;

    background: linear-gradient(135deg, #00d4ff, #0077ff);
    color: #ffffff;

    font-family: Arial, sans-serif;
    font-weight: bold;
    vertical-align: top; /* 👈 resolve isso */
    text-align: center;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.25),
        0 0 12px rgba(0, 212, 255, 0.4);

    transition: transform 0.2s ease,
                box-shadow 0.2s ease;
}

.card:hover {
    cursor: pointer;
    padding: 14px 18px;
}

.MEB-msg {
    color: rgb(204, 255, 255);
}