/* Neon animated border for Jafari buttons */
.submit-btn[data-category="jafari"] {
    position: relative;
    overflow: hidden;
}

.submit-btn[data-category="jafari"] .neon-border {
    position: absolute;
    display: block;
}

/* Top border - moving left to right */
.submit-btn[data-category="jafari"] .neon-border:nth-child(1) {
    top: 0;
    left: -100%;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, transparent, #b8941f);
    box-shadow: 0 0 15px #b8941f, 0 0 30px #b8941f, 0 0 45px rgba(184, 148, 31, 0.5);
    animation: neon-animate1 2s linear infinite;
}

@keyframes neon-animate1 {
    0% {
        left: -100%;
    }
    50%, 100% {
        left: 100%;
    }
}

/* Right border - moving top to bottom */
.submit-btn[data-category="jafari"] .neon-border:nth-child(2) {
    top: -100%;
    right: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(180deg, transparent, #b8941f);
    box-shadow: 0 0 15px #b8941f, 0 0 30px #b8941f, 0 0 45px rgba(184, 148, 31, 0.5);
    animation: neon-animate2 2s linear infinite;
    animation-delay: 0.5s;
}

@keyframes neon-animate2 {
    0% {
        top: -100%;
    }
    50%, 100% {
        top: 100%;
    }
}

/* Bottom border - moving right to left */
.submit-btn[data-category="jafari"] .neon-border:nth-child(3) {
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 4px;
    background: linear-gradient(270deg, transparent, #b8941f);
    box-shadow: 0 0 15px #b8941f, 0 0 30px #b8941f, 0 0 45px rgba(184, 148, 31, 0.5);
    animation: neon-animate3 2s linear infinite;
    animation-delay: 1s;
}

@keyframes neon-animate3 {
    0% {
        right: -100%;
    }
    50%, 100% {
        right: 100%;
    }
}

/* Left border - moving bottom to top */
.submit-btn[data-category="jafari"] .neon-border:nth-child(4) {
    bottom: -100%;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(360deg, transparent, #b8941f);
    box-shadow: 0 0 15px #b8941f, 0 0 30px #b8941f, 0 0 45px rgba(184, 148, 31, 0.5);
    animation: neon-animate4 2s linear infinite;
    animation-delay: 1.5s;
}

@keyframes neon-animate4 {
    0% {
        bottom: -100%;
    }
    50%, 100% {
        bottom: 100%;
    }
}

/* Hover effect - glow */
.submit-btn[data-category="jafari"]:hover {
    box-shadow: 0 0 20px #b8941f,
                0 0 40px #b8941f,
                0 0 80px #b8941f,
                0 0 120px rgba(184, 148, 31, 0.6);
}

/* Mobile responsive - thinner borders */
@media (max-width: 768px) {
    .submit-btn[data-category="jafari"] .neon-border:nth-child(1),
    .submit-btn[data-category="jafari"] .neon-border:nth-child(3) {
        height: 2px !important;
    }
    
    .submit-btn[data-category="jafari"] .neon-border:nth-child(2),
    .submit-btn[data-category="jafari"] .neon-border:nth-child(4) {
        width: 2px !important;
    }
    
    .submit-btn[data-category="jafari"] .neon-border {
        box-shadow: 0 0 8px #b8941f, 0 0 15px #b8941f !important;
    }
    
    .submit-btn[data-category="jafari"]:hover {
        box-shadow: 0 0 10px #b8941f,
                    0 0 20px #b8941f,
                    0 0 40px #b8941f !important;
    }
}