/*#d5303e color rojo*/

.neon-div-special {
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.neon-button-special {
    cursor: pointer;
    color: black;
    background-color: transparent;
    border: 2px solid #d5303e;
    border-radius: 4px;
    outline: none;
    padding: 10px 25px;
    box-shadow: 0 0 15px 0 #d5303e, inset 0 0 5px #d5303e;
    position: relative;
    transition: .2s ease-in;
    /*animation: neon-blink 1.5s infinite alternate;*/
}

    .neon-button-special::after {
        z-index: -1;
        content: '';
        display: block;
        width: 100%;
        height: 10px;
        position: absolute;
        /*background-color: #d5303e;*/
        bottom: -40px;
        left: 0;
        border-radius: 0% 0% 50% 50%;
        filter: blur(10px);
    }

    .neon-button-special:hover {
        background-color: #d5303e;
        color: #000;
        animation-play-state: paused; /* Detiene la animación al hacer hover */
    }

@keyframes neon-blink {
    0% {
        box-shadow: 0 0 15px 0 #d5303e, inset 0 0 5px #d5303e;
        text-shadow: 0 0 10px #d5303e, 0 0 20px #d5303e, 0 0 30px #d5303e;
    }

    50% {
        box-shadow: 0 0 25px 0 #d5303e, inset 0 0 10px #d5303e;
        text-shadow: 0 0 15px #d5303e, 0 0 30px #d5303e, 0 0 40px #d5303e;
    }

    100% {
        box-shadow: 0 0 15px 0 #d5303e, inset 0 0 5px #d5303e;
        text-shadow: 0 0 10px #d5303e, 0 0 20px #d5303e, 0 0 30px #d5303e;
    }
}