/* Blog Section Button Hover Fix
 * Removes annoying movement/dancing effect on hover
 * Keeps subtle color change only
 */

/* Blog section "View All Articles" button - remove ALL movement */
#blog .btn-glass:hover {
    /* Keep the color change for visual feedback */
    background: linear-gradient(45deg, rgba(59, 130, 246, 1), rgba(147, 51, 234, 1)) !important;
    
    /* REMOVE all movement - no transform at all */
    transform: none !important;
    
    /* Keep subtle glow but no movement */
    box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3) !important;
    
    /* Ensure text stays white */
    color: white !important;
}

/* Remove any active state movement */
#blog .btn-glass:active {
    transform: none !important;
    box-shadow: 0 2px 10px rgba(59, 130, 246, 0.2) !important;
}

/* Remove any focus state movement */
#blog .btn-glass:focus {
    transform: none !important;
    outline: 2px solid rgba(59, 130, 246, 0.5);
    outline-offset: 2px;
}

/* Ensure the button stays in place - no translateY */
#blog .btn-glass {
    transform: translateY(0) !important;
    position: relative;
}

/* Remove any pseudo-element effects that might cause movement */
#blog .btn-glass::before {
    transform: none !important;
}

/* Also apply to blog filter buttons if they have movement */
#blog .blog-filter-btn:hover {
    transform: none !important;
}

/* Ensure smooth transition for color only, not position */
#blog .btn-glass {
    transition: background 0.3s ease, box-shadow 0.3s ease, color 0.3s ease !important;
    /* Explicitly exclude transform from transitions */
}