/* Metallic Button Effect - Global */

.elementor-button, 
button:not(#wp-admin-bar-root-default button), 
input[type="submit"], 
.btn, 
.button {
    position: relative;
    overflow: hidden;
    background: linear-gradient(
        135deg, 
        #8a8a8a 0%, 
        #b5b5b5 25%, 
        #e8e8e8 50%, 
        #b5b5b5 75%, 
        #8a8a8a 100
    ) !important;
    color: #111111 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: 
        inset 0 1px 0 rgba(255, 255, 255, 0.4), 
        inset 0 -1px 0 rgba(0, 0, 0, 0.2), 
        0 4px 6px rgba(0, 0, 0, 0.15), 
        0 1px 3px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid #777777 !important;
    transition: all 0.3s ease !important;
}

/* Hover shine reflection animation */
.elementor-button::after, 
button:not(#wp-admin-bar-root-default button)::after, \ninput[type="submit"]::after, \n.btn::after, \n.button::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -60%;
    width: 30%;
    height: 200%;
    background: rgba(255, 255, 255, 0.25);
    transform: rotate(30deg);
    transition: none;
    pointer-events: none;
}

.elementor-button:hover::after, 
button:not(#wp-admin-bar-root-default button):hover::after, \ninput[type="submit"]:hover::after, \n.btn:hover::after, \n.button:hover::after {
    left: 130%;
    transition: all 0.6s ease-in-out;
}

.elementor-button:hover, 
button:not(#wp-admin-bar-root-default button):hover, \ninput[type="submit"]:hover, \n.btn:hover, \n.button:hover {
    transform: translateY(-2px);
    box-shadow: 
        inset 0 1px 0 rgba(255, 255, 255, 0.4), 
        inset 0 -1px 0 rgba(0, 0, 0, 0.2), 
        0 7px 14px rgba(0, 0, 0, 0.2), 
        0 3px 6px rgba(0, 0, 0, 0.15) !important;
    filter: brightness(1.05);
}