<div class="text-center position-relative p-t-sm p-b-sm" style="padding-top: 10px;padding-bottom: 10px;"> <div class="container"> <b>الكترونيات و اكثر</b><a href="tel:19928" class="ml-2">اتصل الان</a> </div> </div> <style> .porto-block-html-top { font-family: Poppins; font-weight: 500; font-size: 1.0286em; line-height: 1.4; letter-spacing: .025em; overflow: hidden; } .porto-block-html-top a { text-transform: uppercase; display: inline-block; padding: .4rem .5rem; font-size: .625rem; font-weight: 700; background: #151719; color: #fff; text-decoration: none; } .porto-block-html-top small { font-size: .8461em; font-weight: 400; opacity: .5; } </style>

Lexar

<div id="wachat" class="wachat"> <div class="btn-web"><a class="btn-web" href="https://web.whatsapp.com/send?phone=201001488119&amp;text=Hi" target="_blank" rel="noopener"> <img class="Chat" src="https://www.eastasiaeg.com/media/wysiwyg/whatsapp-logo.png" alt="Chat"></a></div> <div class="btn-mobile"><a class="btn-mobile" href="https://wa.me/201001488119?text=Hi" target="_blank" rel="noopener"> <img class="Mobile_Chat" src="https://www.eastasiaeg.com/media/wysiwyg/whatsapp-logo.png" alt="Mobile Chat"></a></div> </div> <style> div#wachat { position: fixed; left: 0; top: 79%; z-index: 1000; width: 300px; height: 300px; text-align: center; align-items: center; justify-content: center } html[lang="ar"] div#wachat { left: auto; right: 0; } div#wachat a { display: block; width: 150px; overflow: hidden; height: 150px; position: relative; } div#wachat .btn-mobile { display: none } div#wachat img { position: absolute; top: 0; left: 0; width: 300px; height: 150px; max-width: fit-content; } div#wachat img:hover { left: -134px; } .checkout-onepage-success div#wachat { display: none } @media (max-width: 767px) { div#wachat .btn-web { display: none; } div#wachat .btn-mobile { display: inline-block; } div#wachat { width: 60px; height: 60px } } </style>