التنشيط المتقدم

.contact-button { position: relative; display: inline-block; padding: 12px 20px; text-decoration: none; color: white; font-family: "Montserrat", Sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 0.5px; border: 2px solid #327399; overflow: hidden; transition: color 0.4s ease; cursor: pointer; }

.contact-button::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #327399; transition: transform 0.4s ease; z-index: -1; }

.contact-button::after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: white; transform: translateX(100%); transition: transform 0.4s ease; z-index: -1; }

.contact-button:hover { color: #327399; }

.contact-button:hover::before { transform: translateX(-100%); }

.contact-button:hover::after { transform: translateX(0); }

/* Add shadow for depth */ .contact-button { box-shadow: 0 4px 15px rgba(50, 115, 153, 0.3); }

.contact-button:hover { box-shadow: 0 4px 15px rgba(50, 115, 153, 0.2); }

CONTACT US