/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 07 2025 | 09:08:19 */
/* WhatsApp Button Hover Effect - Improved Padding Version */ .whatsapp-btn { background-color: #fff !important; border: 1px solid #25D366 !important; color: #25D366 !important; position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; /* spacing between text & icon */ padding: 8px 18px; border-radius: 0.4em; font-size: 17px; transition: all 0.5s ease; overflow: hidden; } /* Text animation */ .whatsapp-btn .button-text { position: relative; transition: all 0.5s ease; } /* Hide icon initially */ .whatsapp-btn i, .whatsapp-btn svg { opacity: 0; transition: all 0.5s ease; color: #fff !important; font-size: 1.1em; } /* Hover Effects */ .whatsapp-btn:hover { background-color: #25D366 !important; color: #fff !important; } .whatsapp-btn:hover .button-text { transform: translateX(-5px); } .whatsapp-btn:hover i, .whatsapp-btn:hover svg { opacity: 1; transform: translateX(3px); }