.first-card {
    background-color: #E66B00;
    background-image: linear-gradient(315deg, #E66B00 0, #FFCC00 100%)
}

.second-card {
    background-color: #17D4FF;
    background-image: linear-gradient(135deg, #17D4FF 0, #0061B5 100%);
}

.third-card {
    /*background-color: #ED3700;
        background-image: linear-gradient(135deg, #ED3700 0, #870008 100%);*/
    background-color: #e1358f;
    background-image: linear-gradient(315deg, #e1358f 0, #7e6ce7 100%)
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

.blink {
    animation: blink 1s infinite;
}

@keyframes blink-shadow {
    0%, 100% {
        box-shadow: 0 0 10px var(--mud-palette-success);
    }

    50% {
        box-shadow: 0 0 10px transparent;
    }
}

.blink-shadow {
    animation: blink-shadow 1s infinite;
    border: 1px solid var(--mud-palette-success);
    padding: 10px;
    display: inline-block;
}