/* v34h - icon mang xa hoi: to hon, kinh 3D, logo vector net */
html body footer .social-icons .flex:has(>div){display:grid!important;grid-template-columns:repeat(3,52px);gap:12px 14px!important;padding:4px 0 8px}
html body footer .social-icons .flex>div.mk-soc{position:relative;width:52px!important;height:52px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.95)!important;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,255,255,.55))!important;box-shadow:inset 0 1.5px 0 #fff,inset 0 -6px 12px -6px rgba(109,74,224,.18),0 12px 22px -12px rgba(91,63,214,.55)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s cubic-bezier(.2,1.4,.4,1),box-shadow .25s ease!important}
html body footer .social-icons .flex>div.mk-soc::before{content:"";position:absolute;inset:-2px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#9B5CFF,#FF4FB8 55%,#2FE0C3);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.35;transition:opacity .25s ease;pointer-events:none}
html body footer .social-icons .flex>div.mk-soc:hover{transform:translateY(-4px) scale(1.07);box-shadow:inset 0 1.5px 0 #fff,inset 0 -6px 12px -6px rgba(109,74,224,.22),0 18px 28px -12px rgba(91,63,214,.65)!important;background:linear-gradient(145deg,#fff,rgba(255,255,255,.7))!important}
html body footer .social-icons .flex>div.mk-soc:hover::before{opacity:1}
html body footer .social-icons .mk-soc>a{display:flex!important;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body footer .social-icons .mk-soc .mk-soc-ic{display:block;width:28px;height:28px;filter:drop-shadow(0 3px 4px rgba(42,37,80,.22))}
html body footer .social-icons .mk-soc .mk-soc-ic svg{display:block;width:100%;height:100%}
html body footer .social-icons .mk-soc img{display:none!important}
@media (min-width:1024px){
 html body footer .social-icons .flex:has(>div){display:grid!important;grid-template-columns:repeat(3,58px);gap:14px 16px!important}
 html body footer .social-icons .flex>div.mk-soc{width:58px!important;height:58px!important}
 html body footer .social-icons .mk-soc .mk-soc-ic{width:31px;height:31px}
}