/* Purple Border Blur Hover Effect */
.purple-blur-hover {
    position: relative;
    transition: border-color 0.4s ease, box-shadow 0.4s ease, transform 0.4s ease;
    border: 1px solid transparent;
}

.purple-blur-hover:hover {
    border-color: #a855f7 !important;
    box-shadow: 0 0 20px 2px rgba(168, 85, 247, 0.6) !important;
    transform: translateY(-4px);
}