/* --- New Button Hover Effect --- */
.btn-hover-shine {
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s ease !important;
    z-index: 1 !important;
}

.btn-hover-shine:hover {
    transform: translateY(-5px) scale(1.05) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2), 0 0 40px rgba(40, 167, 69, 0.4) !important;
}

.btn-hover-shine::after {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -150% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent) !important;
    transition: left 0.7s cubic-bezier(0.23, 1, 0.32, 1) !important;
    z-index: 1 !important;
}

.btn-hover-shine:hover::after {
    left: 150% !important;
}