.whatsapp{isolation:isolate;overflow:visible;animation:madar-wa-breathe 5.4s ease-in-out infinite;transition:transform .25s ease,box-shadow .25s ease}
.whatsapp svg{width:28px;height:28px;position:relative;z-index:2}
.whatsapp::before,.whatsapp::after{content:"";position:absolute;inset:-1px;border:2px solid rgba(32,189,104,.62);border-radius:50%;z-index:-1;pointer-events:none;opacity:0}
.whatsapp::before{animation:madar-wa-ring 5.4s ease-out infinite}.whatsapp::after{animation:madar-wa-ring 5.4s 1s ease-out infinite}
.whatsapp:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 14px 34px rgba(7,126,62,.38)}
.whatsapp span{position:absolute;left:64px;bottom:7px;min-width:92px;padding:7px 11px;border-radius:9px;background:#fff;color:#087b3d;box-shadow:0 8px 24px rgba(0,0,0,.16);font:700 12px/1.3 "Noto Sans Arabic",sans-serif;white-space:nowrap;opacity:0;transform:translateX(-8px);pointer-events:none;animation:madar-wa-label 10.8s ease-in-out infinite}
@keyframes madar-wa-breathe{0%,72%,100%{transform:scale(1)}76%{transform:scale(1.08) rotate(-5deg)}80%{transform:scale(1.08) rotate(5deg)}84%{transform:scale(1.05) rotate(0)}}
@keyframes madar-wa-ring{0%,70%{transform:scale(1);opacity:0}74%{opacity:.7}88%{transform:scale(1.72);opacity:0}100%{opacity:0}}
@keyframes madar-wa-label{0%,58%,100%{opacity:0;transform:translateX(-8px)}62%,79%{opacity:1;transform:translateX(0)}84%{opacity:0;transform:translateX(-8px)}}
@media(max-width:600px){.whatsapp span{display:none}}@media(prefers-reduced-motion:reduce){.whatsapp,.whatsapp::before,.whatsapp::after,.whatsapp span{animation:none!important}.whatsapp span{display:none}}

/* Madar article mark. */
.blog-full .article-cards>a.image-article,.blog-preview .premium-blog>a,.blog-hero .inner-media{position:relative}
.blog-full .article-cards>a.image-article::before,.blog-preview .premium-blog>a::before,.blog-hero .inner-media::before{content:"M";position:absolute;top:10px;right:10px;width:58px;height:34px;border-radius:8px;background:rgba(255,255,255,.94);border:1px solid rgba(184,217,72,.72);box-shadow:0 6px 16px rgba(36,31,63,.16);color:#241f3f;display:grid;place-items:center;font:800 13px/1 Alexandria,Arial,sans-serif;letter-spacing:.09em;z-index:4;pointer-events:none}
.blog-full .article-cards>a.image-article::after,.blog-preview .premium-blog>a::after,.blog-hero .inner-media::after{display:none!important;content:none!important}
.blog-full .article-cards>a.image-article>img,.blog-preview .premium-blog>a>img{object-fit:cover!important;object-position:center!important}