.login-item, .register-item { display: inline-block; } /* Base button style */ .login-item a, .register-item a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 18px; border-radius: 8px; font-size: 15px; text-decoration: none; transition: 0.25s ease; line-height: 1; } /* White Button (Login) */ .login-item a { color: rgb(216, 35, 42); border: 1px solid rgb(216, 35, 42); } /* Brown Button (Register) */ .register-item a { color: #ffffff; border: 1px solid rgb(216, 35, 42); }



/* Smooth multi-color glow animation */
@keyframes smoothGlow {
    0% {
        box-shadow: 0 0 18px rgba(216, 35, 42, 0.8);      /* Red */
    }
    25% {
        box-shadow: 0 0 22px rgba(255, 140, 0, 0.85);     /* Orange */
    }
    50% {
        box-shadow: 0 0 25px rgba(255, 213, 0, 0.85);     /* Yellow */
    }
    75% {
        box-shadow: 0 0 22px rgba(255, 0, 128, 0.85);     /* Pink */
    }
    100% {
        box-shadow: 0 0 18px rgba(216, 35, 42, 0.8);      /* Back to Red */
    }
}

/* Apply smooth animation */
.add-property {
    animation: smoothGlow 3.5s ease-in-out infinite;
}







/* Final Static Highlight for Footer Buttons */
.action_footer a {
    box-shadow: 0 0 16px rgba(216, 35, 42, 0.65); /* Soft red glow */
    border: 1px solid rgb(216, 35, 42);           /* Clean outline */
    transition: 0.25s ease;                       /* Smooth hover only */
}

/* Optional clean hover (still no animation) */
.action_footer a:hover {
    box-shadow: 0 0 20px rgba(216, 35, 42, 0.85);
}