.card-custom {
    width: 200px;
    min-height: 150px;
    border-radius: 6px;
    box-shadow: 0px 0px 1px 1px #a7a7a7;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 10px;
    flex-direction: column;
}

@keyframes zoomMesa {
    0% {
        transform: translateX(15px);
        box-shadow: 0px 0px 10px 0px orangered;
    }
    25% {
        transform: translateY(-15px);
        box-shadow: 0px 0px 10px 0px #ff0000;
    }
    75% {
        transform: translateX(-15px);
        box-shadow: 0px 0px 10px 0px #481703;
    }
    100% {
        transform: translateY(15px);
        box-shadow: 0px 0px 10px 0px orangered;
    }
}

.animate-atrasado {
    animation: atrasado 1s infinite ease-in-out;
}

.animate-prazo {
    animation: prazook 1s infinite ease-in-out;
}

.animate-entregue {
    box-shadow: 0px 0px 8px 1px #40a82a;
}

.animate-garcom {
    animation: zoomMesa 3s infinite ease-in-out;
}

.animate-pagamento {
    animation: zoomMesa 3s infinite ease-in-out;
}

@keyframes atrasado {
    from {
        box-shadow: 0px 0px 8px 1px #d4e8d0;
    }

    to {
        box-shadow: 0px 0px 8px 1px #d20909;
    }
}

@keyframes prazook {
    from {
        box-shadow: 0px 0px 8px 1px #d4e8d0;
    }

    to {
        box-shadow: 0px 0px 8px 1px #1939de;
    }
}

@keyframes animate-garcom {
    from {
        box-shadow: 0px 0px 8px 1px #d4e8d0;
    }

    to {
        box-shadow: 0px 0px 8px 1px #ff7402;
    }
}

@keyframes animate-pagamento {
    from {
        box-shadow: 0px 0px 8px 1px #d4e8d0;
    }

    to {
        box-shadow: 0px 0px 8px 1px rgb(4, 8, 250);
    }
}