.elementor-487 .elementor-element.elementor-element-ed366d5{--display:flex;--padding-top:00px;--padding-bottom:00px;--padding-left:00px;--padding-right:00px;}/* Start custom CSS for html, class: .elementor-element-5c0d7d8 */<style>
.magnetic-wrapper {
    display: inline-block;
    padding: 20px; 
}

/* Base state for all magnetic buttons */
.magnetic-btn, 
.wpcf7-submit.magnetic-btn { /* Ensures CF7 button gets the exact same base styles */
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    padding: 16px 40px;
    border-radius: 50px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: none !important; 
    display: inline-flex; /* Changed to inline-flex so CF7 doesn't force 100% width */
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), background 0.3s ease, border-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    will-change: transform;
}

.magnetic-text {
    display: inline-block;
    pointer-events: none; 
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
    will-change: transform;
}

/* THE NEW HOVER STATE: #FF8900 */
.magnetic-btn:hover,
.wpcf7-submit.magnetic-btn:hover {
    background: #FF8900 !important;
    border-color: #FF8900 !important;
    color: #121212 !important; /* Dark text looks much better and more legible on bright orange */
    box-shadow: 0 0 25px rgba(255, 137, 0, 0.4); /* Premium orange glow */
}
</style>/* End custom CSS */